*{box-sizing:border-box}html,body,#root{margin:0;padding:0}html,body{background:#15120f}:root{--p1:#2C2924;--p2:#211E1A;--p3:#15120F;--ink:#ECE4D4;--muted:rgba(236,228,212,.5);--line:rgba(236,228,212,.16);--border:rgba(236,228,212,.24);--faint:rgba(236,228,212,.34);--grain:.22;--grain-blend:overlay;--accent:#2B2620;--tint-opacity:.62}@keyframes stampIn{0%{opacity:0;transform:scale(1.5) rotate(-12deg)}55%{opacity:1;transform:scale(.94) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(-4deg)}}@keyframes sealBreathe{0%,to{transform:rotate(-4deg) scale(1)}50%{transform:rotate(-4deg) scale(1.035)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stage{position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow:hidden;background:var(--p3);font-family:Schibsted Grotesk,system-ui,sans-serif;color:var(--ink);display:flex;align-items:center;justify-content:center;padding:80px 32px;transition:background .6s ease,color .6s ease}.video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.video-bg.is-ready{opacity:1}.video-bg iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.25);width:100vw;height:56.25vw;min-height:100vh;min-width:177.78vh;border:0;pointer-events:none}.tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 18%,var(--p1) 0%,var(--p2) 48%,var(--p3) 100%);opacity:var(--tint-opacity);transition:opacity .6s ease}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;mix-blend-mode:var(--grain-blend);opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:220px 220px}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(75% 65% at 50% 45%,transparent 55%,rgba(0,0,0,.1) 100%)}.card{position:relative;z-index:2;width:100%;max-width:420px}.seal{width:64px;height:64px;background:var(--accent);color:#efe7d6;display:flex;align-items:center;justify-content:center;font-family:Shippori Mincho,serif;font-weight:600;font-size:34px;border-radius:3px;box-shadow:0 0 0 1.5px #efe7d64d inset,0 5px 16px #0003;transform-origin:center;animation:stampIn .9s cubic-bezier(.34,1.4,.5,1) .15s both,sealBreathe 7s ease-in-out 1.4s infinite}.name{margin:34px 0 0;font-weight:600;font-size:clamp(46px,11vw,68px);letter-spacing:-.035em;line-height:.95;color:var(--ink);opacity:0;animation:rise .8s ease .3s both}.subtitle{margin-top:12px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);opacity:0;animation:rise .8s ease .42s both}.subtitle .jp{font-family:Shippori Mincho,serif;letter-spacing:.12em}.divider{margin:36px 0 30px;height:1px;transform-origin:left;background:var(--line);animation:grow .9s cubic-bezier(.4,.8,.3,1) .5s both}.links{display:flex;gap:16px}.links .link{flex:1;display:flex;align-items:center;justify-content:center;height:58px;border:1px solid var(--border);border-radius:4px;color:var(--ink);text-decoration:none;background:transparent;font:inherit;cursor:pointer;transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s cubic-bezier(.2,.7,.2,1);opacity:0;animation:rise .7s ease var(--d,.58s) both}.links .link:hover{background:var(--accent);color:#efe7d6;border-color:var(--accent);transform:translateY(-5px)}.links .link svg{width:24px;height:24px;display:block;fill:currentColor}.footer{position:fixed;left:0;right:0;bottom:24px;z-index:4;text-align:center;margin:0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);opacity:0;animation:rise .8s ease .9s both}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;display:flex;align-items:center;justify-content:center}.gate-stage{position:relative;flex:none;transform-origin:center center}.gate-content{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-origin:center center}.cardface{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Zilla Slab,Georgia,serif;background:radial-gradient(128% 96% at 50% 36%,var(--p1) 0%,var(--p2) 47%,var(--p3) 100%)}.cardface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(132% 104% at 50% 48%,#0000 52%,#00000080)}.cardface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cardface-tile{position:relative;width:104px;height:104px;border:1px solid var(--border);border-radius:3px;display:flex;align-items:center;justify-content:center;transform:rotate(-4deg);box-shadow:inset 0 0 28px #00000059}.cardface-tile span{font-family:Shippori Mincho,serif;font-size:46px;line-height:1;color:var(--ink);transform:rotate(4deg);opacity:.92}.cardface-name{position:relative;margin-top:44px;font-size:58px;font-weight:700;letter-spacing:.005em;color:var(--ink);text-shadow:0 2px 24px rgba(0,0,0,.4)}.enter{position:relative;margin-top:42px;cursor:pointer;padding:19px 46px;border:1px solid var(--border);border-radius:2px;background:#ece7dd04;color:var(--ink);font-family:Zilla Slab,Shippori Mincho,serif;font-weight:500;font-size:15px;letter-spacing:.42em;text-transform:uppercase;transition:background .28s ease,color .28s ease,letter-spacing .28s ease}.enter .jp{font-family:Shippori Mincho,serif;letter-spacing:.12em;text-transform:none}.enter:hover{background:var(--ink);color:var(--p3);letter-spacing:.46em}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000080;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:overlayIn .25s ease both}.modal{position:relative;width:100%;max-width:300px;padding:28px 24px 24px;border-radius:8px;background:var(--p2);border:1px solid var(--border);box-shadow:0 18px 50px #00000073;color:var(--ink);text-align:center;font-family:Schibsted Grotesk,system-ui,sans-serif;animation:modalIn .3s cubic-bezier(.2,.8,.3,1) both}.modal-x{position:absolute;top:6px;right:10px;background:none;border:0;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;padding:4px;transition:color .25s ease}.modal-x:hover{color:var(--ink)}.modal-label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.copy-row{display:flex;gap:10px;align-items:stretch}.copy-value{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:600;letter-spacing:.02em;color:var(--ink);background:#7f7f7f1a;border:1px solid var(--border);border-radius:5px}.copy-btn{padding:0 14px;font:inherit;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--border);border-radius:5px;cursor:pointer;white-space:nowrap;transition:background .3s ease,color .3s ease,border-color .3s ease}.copy-btn:hover{background:var(--accent);color:#efe7d6;border-color:var(--accent)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.seal,.name,.subtitle,.divider,.links .link,.footer{animation:none!important;opacity:1!important}.seal{transform:rotate(-4deg)}.video-bg{transition:none}.modal-overlay,.modal{animation:none!important}}
