*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:#fff;-webkit-font-smoothing:antialiased;font-feature-settings:"palt";-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#06060a;height:100%;font-family:JetBrains Mono,monospace;overflow:hidden}button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.stage{perspective:1200px;perspective-origin:50% 52%;cursor:grab;background:radial-gradient(80% 50% at 50% 100%,#785ac812 0%,#0000 60%),radial-gradient(60% 40% at 50% 0,#c39a4d0a 0%,#0000 60%),#06060a;animation:1.4s cubic-bezier(.22,1,.36,1) both lArchStageIn;position:fixed;inset:0;overflow:hidden}.stage:active{cursor:grabbing}@media (max-width:760px){.stage{perspective:1000px}}.floor{width:200vmax;height:200vmax;transform-style:preserve-3d;pointer-events:none;background-color:#0000;background-image:linear-gradient(#0000 98%,#ffffff12 98%),linear-gradient(90deg,#0000 98%,#ffffff12 98%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%)rotateX(72deg);-webkit-mask-image:radial-gradient(50% 50%,#000 0%,#0000 70%);mask-image:radial-gradient(50% 50%,#000 0%,#0000 70%)}.stars{opacity:.7;pointer-events:none;background-image:radial-gradient(circle at 12% 18%,#fff2 1px,#0000 2px),radial-gradient(circle at 78% 24%,#fff3 1px,#0000 2px),radial-gradient(circle at 38% 62%,#fff2 1px,#0000 2px),radial-gradient(circle at 88% 78%,#fff3 1px,#0000 2px),radial-gradient(circle at 22% 88%,#fff2 1px,#0000 2px);background-size:700px 700px,800px 800px,600px 600px,900px 900px,750px 750px;position:absolute;inset:0}.ring-anchor{width:0;height:0;transform-style:preserve-3d;position:absolute;top:52%;left:50%}.ring{width:0;height:0;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.22,1,.36,1);position:absolute;transform:rotateY(0)}.ring-frame{pointer-events:none;background-image:url(/assets/ring-frame.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:48vmin;height:48vmin;position:absolute;top:0;left:0;transform:translate(-50%,-50%)translateZ(0)}@media (max-width:760px){.ring-frame{width:60vmin;height:60vmin}}.card{transform-style:preserve-3d;cursor:pointer;will-change:transform;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute}.face,.back{backface-visibility:hidden;border-radius:9px;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -20px #000000bf,0 12px 24px -10px #00000073,inset 0 1px #ffffff2e,inset 0 -1px #00000073,inset 0 0 0 1px #ffffff0f}.face-frame{pointer-events:none;z-index:4;border:1px solid #c0a06a6b;border-radius:5px;position:absolute;inset:6px}.face-frame:before{content:"";border:1px solid #c0a06a2e;border-radius:3px;position:absolute;inset:3px}.face{transform:translateZ(2px)}.back{color:#c0a06a;text-align:center;background:radial-gradient(#1a1518 0%,#0a0608 70%,#050306 100%);place-items:center;padding:24px;display:grid;transform:rotateY(180deg)translateZ(2px)}.back:before{content:"";background:repeating-linear-gradient(45deg,#c0a06a0a 0 2px,#0000 2px 14px),repeating-linear-gradient(-45deg,#c0a06a0a 0 2px,#0000 2px 14px);border:1px solid #c0a06a59;border-radius:8px;position:absolute;inset:18px}.back:after{content:"";border:1px dashed #c0a06a33;border-radius:4px;position:absolute;inset:30px}.back .crest{z-index:2;position:relative}.back .crest .glyph{color:#c0a06a;letter-spacing:.04em;font-family:Cormorant Unicase,serif;font-size:64px;font-style:italic;font-weight:400;line-height:1}.back .crest .lat{color:#7a6240;letter-spacing:.32em;text-transform:uppercase;margin-top:18px;font-family:Cormorant Garamond,serif;font-size:11px;font-style:italic}.back .crest .num{color:#c0a06a;letter-spacing:.32em;margin-top:36px;font-family:Cinzel,serif;font-size:13px;font-weight:700}.back .corner{color:#c0a06a;letter-spacing:.18em;z-index:2;font-family:Cinzel,serif;font-size:12px;font-weight:700;position:absolute}.back .corner.tl{top:24px;left:24px}.back .corner.br{bottom:24px;right:24px;transform:rotate(180deg)}.face{flex-direction:column;justify-content:space-between;padding:16px 14px;display:flex;position:absolute;inset:0}.face>*{z-index:2;position:relative}.face .num{letter-spacing:.32em;text-transform:uppercase;text-align:center;opacity:.7;font-family:JetBrains Mono,monospace;font-size:9px}.face h2{text-align:center;flex:1;place-items:center;padding:8px 6px;line-height:.92;display:grid}.face .caption{text-align:center;padding:0 4px 4px}.face .caption .hook{display:none}.face .caption .theme{letter-spacing:.28em;text-transform:uppercase;opacity:.75;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:9px}.face[data-art]{color:#fff;background-color:#050912}.face[data-art] h2{display:none}.face[data-art] .num{color:#fff;text-shadow:0 1px 3px #000000b3;opacity:.85}.face[data-art] .hook{color:#fff;text-shadow:0 1px 4px #000000d9;font-family:Noto Serif JP,serif;display:block}.face[data-art] .theme{color:#cfdaea;text-shadow:0 1px 2px #000c}.hud-top{z-index:50;letter-spacing:.24em;text-transform:uppercase;color:#fff;pointer-events:none;mix-blend-mode:difference;justify-content:space-between;align-items:center;height:48px;padding:0 24px;font-family:JetBrains Mono,monospace;font-size:10px;animation:1.2s cubic-bezier(.22,1,.36,1) 1.2s both lArchHudIn;display:flex;position:fixed;top:0;left:0;right:0}.hud-top .l,.hud-top .r{pointer-events:auto;align-items:center;gap:18px;display:flex}.hud-top .brand{letter-spacing:.4em;font-weight:700}.hud-top .pos b{color:#fff;font-weight:700}.hud-bottom{z-index:50;text-align:center;background:linear-gradient(#0000,#000000d9);padding:14px 24px 40px;animation:1.2s cubic-bezier(.22,1,.36,1) 1.2s both lArchHudIn;position:fixed;bottom:0;left:0;right:0}.hud-bottom .now{isolation:isolate;--chip-color:200, 215, 235;--chip-bg1:18, 24, 36;--chip-bg2:8, 11, 18;letter-spacing:.32em;text-transform:uppercase;color:rgb(var(--chip-color));background:radial-gradient(circle at 18% 12%, rgba(var(--chip-color), .28), transparent 32%), radial-gradient(circle at 85% 85%, rgba(var(--chip-color), .18), transparent 38%), linear-gradient(180deg, rgb(var(--chip-bg1)), rgb(var(--chip-bg2)));border:1px solid rgba(var(--chip-color), .55);box-shadow:inset 0 1px 0 #ffffff38, inset 0 -1px 8px rgba(var(--chip-color), .25), 0 0 18px rgba(var(--chip-color), .28), 0 6px 18px #0000008c;border-radius:999px;margin-bottom:14px;padding:10px 26px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block;position:relative;overflow:hidden}.hud-bottom .now:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff1a;position:absolute;inset:4px}.hud-bottom .now:after{content:"";border-radius:inherit;background:linear-gradient(135deg, #fff6, transparent 18%, transparent 72%, rgba(var(--chip-color), .35));opacity:.45;mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.hud-bottom .now b{color:#fff;font-weight:700}.hud-bottom .now em{color:#7a766c;margin:0 12px;font-style:normal}.hud-bottom .controls{justify-content:center;align-items:center;gap:18px;display:flex}.hud-bottom .arr{color:#fff;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:42px;height:42px;font-size:18px;transition:background .15s,border-color .15s,transform .15s;display:grid}.hud-bottom .arr:hover{color:#000;background:#fff;transform:scale(1.06)}.hud-bottom .ticks{align-items:center;gap:4px;display:flex}.hud-bottom .tick{color:#ffffff59;border-bottom:1px solid #ffffff2e;place-items:center;width:22px;height:22px;font-family:JetBrains Mono,monospace;font-size:11px;transition:color .15s,border-color .15s,transform .2s;display:grid}.hud-bottom .tick:hover{color:#fff;border-color:#fff;transform:translateY(-2px)}.hud-bottom .tick.is-active{color:#fff;border-color:#fff;transform:translateY(-3px)}.hud-bottom .help{text-align:center;color:#666;letter-spacing:.32em;text-transform:uppercase;margin-top:10px;font-family:JetBrains Mono,monospace;font-size:9px;display:none}.hud-bottom .help kbd{color:#aaa;border:1px solid #ffffff40;border-radius:3px;margin:0 2px;padding:2px 6px;font-size:8px}@media (max-width:760px){.hud-top{letter-spacing:.18em;padding:0 14px;font-size:9px}.hud-bottom{padding:10px 14px 32px}.hud-bottom .now{letter-spacing:.18em;font-size:10px}.face h2{letter-spacing:0!important;font-size:clamp(18px,5.4vw,30px)!important}.face h2 .lat,.face h2 .red,.face h2 b,.face h2 sup,.face h2 i{letter-spacing:.04em!important;font-size:.46em!important}.face .hook{letter-spacing:.08em!important;font-size:clamp(11px,3.1vw,14px)!important;line-height:1.5!important}.face .theme{letter-spacing:.22em!important;margin-top:6px!important;font-size:8px!important}.face .num{letter-spacing:.28em!important;font-size:8px!important}.face{padding:12px 10px!important}}.brand-block{z-index:40;text-align:center;pointer-events:none;padding:8px 24px 0;animation:1.6s cubic-bezier(.22,1,.36,1) .5s both lArchBrandIn;position:fixed;top:48px;left:0;right:0}.brand-block .brand-jp{letter-spacing:.7em;color:#b89870;text-shadow:0 0 8px #c0a06a4d;margin-bottom:8px;padding-left:.7em;font-family:Shippori Mincho,serif;font-size:20px;font-weight:200;display:block}.brand-block .brand-logo{width:clamp(180px,28vw,320px);height:auto;margin:0 auto;display:block}@media (max-width:760px){.brand-block{padding:6px 18px 0;top:36px}.brand-block .brand-jp{letter-spacing:.6em;margin-bottom:6px;padding-left:.6em;font-size:16px}.brand-block .brand-logo{width:clamp(140px,42vw,200px)}}@keyframes lArchStageIn{0%{opacity:0}to{opacity:1}}@keyframes lArchBrandIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes lArchHudIn{0%{opacity:0}to{opacity:1}}.card.is-locked .face,.card.is-locked .back{opacity:.4}.card.is-locked .face:after{content:"";pointer-events:none;z-index:1;background:#0f121c80;position:absolute;inset:0}.audio-player-overlay{background:linear-gradient(#0f121ce0, #0f121cf0), var(--audio-art,none) center / cover no-repeat, #0f121ceb;z-index:60;border:1px solid #c0a06a4d;border-radius:12px;flex-direction:column;gap:8px;width:clamp(280px,90%,480px);padding:12px 16px 10px;display:flex;position:fixed;bottom:96px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #0009}.audio-player-meta{justify-content:space-between;align-items:baseline;gap:12px;padding-right:24px;display:flex}.audio-player-title{letter-spacing:.08em;color:#c0a06a;font-family:Cormorant Unicase,Cinzel,serif;font-size:18px}.audio-player-theme{letter-spacing:.2em;color:#7a766c;font-family:Shippori Mincho,serif;font-size:11px}.audio-player-audio{width:100%;height:36px}.audio-player-close{color:#b89870;cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0;font-size:20px;line-height:1;position:absolute;top:6px;right:10px}.audio-player-close:hover{color:#c0a06a}@media (max-width:760px){.audio-player-overlay{padding:10px 14px 8px;bottom:80px}.audio-player-title{font-size:16px}.audio-player-theme{font-size:10px}}.audio-player-status{color:#7a766c;text-align:center;padding:8px 0;font-family:Shippori Mincho,serif;font-size:12px}.social-links{z-index:50;gap:12px;display:flex;position:fixed;bottom:8px;left:50%;transform:translate(-50%)}.social-link{color:#000;background:#c0a06abf;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:background .3s;display:flex}.social-link:hover{background:#d4b47e}.social-link svg{display:block}@media (max-width:760px){.social-links{gap:10px;bottom:6px}.social-link{width:24px;height:24px}.social-link svg{width:14px;height:14px}}