@import "https://fonts.googleapis.com/css2?family=Anton&family=Shippori+Mincho+B1:wght@600;800&family=Yuji+Syuku&family=Noto+Sans+JP:wght@300;500;700&family=Oswald:wght@300;500;600&display=swap";:root{--ink:#05070e;--paper:#fff;--blue:#38a0ff;--blue-hot:#9fe4ff;--latin:"Anton", "Oswald", system-ui, sans-serif;--jp:"Shippori Mincho B1", "Noto Sans JP", serif;--jp-brush:"Yuji Syuku", "Shippori Mincho B1", serif;--ui:"Oswald", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:#fff;font-family:var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}.frame-canvas{opacity:0;transition:opacity .9s;position:absolute;inset:0}.frame-canvas.is-ready{opacity:1}.frame-canvas canvas{width:100%;height:100%;display:block}.glyph-rain{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.awaken .glyph-rain{-webkit-mask-image:radial-gradient(48% 70% at 50% 48%,#0000 30%,#000 88%);mask-image:radial-gradient(48% 70% at 50% 48%,#0000 30%,#000 88%)}.thunder{z-index:40;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:fixed;inset:0}.jp{font-family:var(--jp);font-feature-settings:"palt" 1}.latin{font-family:var(--latin);text-transform:uppercase}.kicker{letter-spacing:.42em;text-transform:uppercase;color:#8b97ae;align-items:center;gap:.9rem;font-size:clamp(.62rem,.9vw,.78rem);font-weight:500;display:flex}.kicker.light{color:#8fb6e8}.kicker .rule{opacity:.55;background:currentColor;width:clamp(28px,5vw,64px);height:1px}.kicker .jp{letter-spacing:.22em;font-size:1.05em}.awaken{background:#05080f;height:460vh;position:relative}.awaken-sticky{background:#05080f;height:100vh;position:sticky;top:0;overflow:hidden}.awaken-sticky:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#05070eb8,#0000 24% 72%,#05070eeb);position:absolute;inset:0}.awaken-ui{z-index:5;pointer-events:none;color:#fff;padding:clamp(1.6rem,4vw,3.4rem);position:absolute;inset:0}.awaken-ui .kicker,.awaken-sub,.scroll-cue{text-shadow:0 0 12px #05070e,0 0 26px #05070e,0 0 44px #05070ef2}.awaken-title{gap:clamp(.5rem,1.4vw,1.1rem);display:grid;position:absolute;top:50%;left:clamp(1.6rem,4vw,3.4rem);transform:translateY(-50%)}.awaken-title .jp-huge{font-family:var(--jp-brush);color:#f4f7ff;text-shadow:0 0 calc(var(--p) * 42px) rgba(56,160,255, calc(var(--p) * .85)), 0 0 calc(var(--p) * 110px) rgba(56,160,255, calc(var(--p) * .5));font-size:clamp(4.4rem,13vw,12rem);line-height:1}.awaken-title .latin{letter-spacing:.58em;color:#8fa0bd;padding-left:.35em;font-size:clamp(.95rem,2vw,1.5rem)}.awaken-sub{text-align:right;color:#93a3bd;max-width:30ch;font-size:clamp(.85rem,1.15vw,1rem);font-weight:300;line-height:1.75;position:absolute;bottom:clamp(4.5rem,9vw,7rem);right:clamp(1.6rem,4vw,3.4rem)}.awaken-sub em{color:var(--blue);font-style:italic}.scroll-cue{letter-spacing:.4em;color:#7c88a0;justify-items:center;gap:.7rem;font-size:.72rem;transition:opacity .6s;display:grid;position:absolute;bottom:clamp(1.4rem,3vw,2.4rem);left:50%;transform:translate(-50%)}.scroll-cue[data-done=true]{opacity:0}.cue-line{background:linear-gradient(#6f7c96,#0000);width:1px;height:46px;animation:2.1s ease-in-out infinite cue}@keyframes cue{0%,to{opacity:.4;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.awaken-meter{z-index:6;background:#ffffff1a;width:2px;height:100vh;position:absolute;top:0;right:0}.awaken-meter span{transform-origin:top;background:linear-gradient(180deg, var(--blue-hot), var(--blue));width:100%;height:100%;display:block}.monarch{background:#04060f;height:360vh;position:relative}.monarch-sticky{isolation:isolate;background:#04060f;height:100vh;position:sticky;top:0;overflow:hidden}.monarch-meter{z-index:6;background:#ffffff1a;width:2px;height:100vh;position:absolute;top:0;right:0}.monarch-meter span{transform-origin:top;background:linear-gradient(180deg, var(--blue-hot), var(--blue));width:100%;height:100%;display:block}.monarch-ui{z-index:6;pointer-events:none;gap:1.2rem;max-width:34ch;display:grid;position:absolute;top:50%;left:clamp(1.6rem,4vw,3.4rem);transform:translateY(-50%)}.monarch-title{line-height:.86;display:grid}.monarch-title .latin{letter-spacing:.02em;font-size:clamp(2.6rem,6.6vw,6rem)}.monarch-title .outline{color:#0000;-webkit-text-stroke:1.5px var(--blue);text-shadow:0 0 34px #38a0ff8c}.monarch-sub{color:#9fb2cd;font-size:clamp(.82rem,1.05vw,.96rem);font-weight:300;line-height:1.8}.monarch-sub .jp{color:var(--blue-hot);letter-spacing:.12em;text-shadow:0 0 26px #7fd8ff8c;margin-bottom:.5rem;font-size:1.5em;display:block}.reveal{background:#04060f;height:100vh;position:relative;overflow:hidden}.reveal-stage{cursor:crosshair;opacity:0;transition:opacity 1s;position:absolute;inset:0}.reveal-stage.is-ready{opacity:1}.reveal-stage canvas{width:100%;height:100%;display:block}.reveal-head{z-index:4;text-align:center;pointer-events:none;justify-items:center;gap:1.15rem;padding:0 clamp(1.6rem,4vw,3.4rem);display:grid;position:absolute;bottom:80px;left:0;right:0}.reveal-title{align-items:baseline;gap:clamp(.6rem,2vw,1.4rem);line-height:.9;display:flex}.reveal-title .latin{letter-spacing:.04em;color:#fff;text-shadow:0 0 40px #38a0ff59,0 0 18px #04060fcc;font-size:clamp(2.6rem,7vw,6.4rem)}.reveal-title .jp-mid{font-family:var(--jp-brush);color:var(--blue);text-shadow:0 0 30px #38a0ff99,0 0 16px #04060fd9;font-size:clamp(1.6rem,4vw,3.4rem)}.reveal-sub{letter-spacing:.06em;color:#b8c6dc;text-shadow:0 0 14px #04060ff2,0 0 30px #04060fcc;font-size:clamp(.8rem,1.05vw,.95rem);font-weight:300}.foot{z-index:4;letter-spacing:.34em;text-transform:uppercase;color:#8090aa;pointer-events:none;text-shadow:0 0 14px #04060ff2;justify-content:center;align-items:center;gap:clamp(.8rem,2vw,1.6rem);font-size:.68rem;display:flex;position:absolute;bottom:clamp(1.2rem,3vw,2.2rem);left:0;right:0}.foot .jp{letter-spacing:.18em;text-transform:none}.foot-rule{opacity:.4;background:currentColor;width:clamp(30px,8vw,90px);height:1px}@media (width<=760px){.awaken{height:360vh}.awaken .frame-canvas{height:30vh;top:30vh;bottom:auto}.awaken-title{top:9vh;transform:none}.awaken-title .jp-huge{font-size:clamp(3.6rem,22vw,5.5rem)}.awaken-sub{text-align:left;max-width:26ch;bottom:clamp(5rem,12vw,7rem);left:clamp(1.6rem,4vw,3.4rem);right:auto}.monarch .frame-canvas{height:30vh;top:16vh;bottom:auto}.monarch-stage:after{background:0 0}.monarch-ui{top:auto;bottom:9%;transform:none}.reveal-title{flex-direction:column;align-items:center;gap:.4rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cue-line,.monarch-hint span{animation:none}}