@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+JP:wght@600;900&display=swap";:root{color:#f4f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#030305;font-family:IBM Plex Mono,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.experience{--domain-accent:#82d7ff;isolation:isolate;background:#030305;width:100%;height:100%;position:relative;overflow:hidden}.world-canvas{z-index:0;inset:0;width:100%!important;height:100%!important;position:absolute!important}.experience:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000 20%,#00000026 58%,#000000e0 110%),linear-gradient(#00000059,#0000 22% 72%,#00000094);position:absolute;inset:0}.grain{z-index:3;opacity:.11;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,4%)}75%{transform:translate(4%,2%)}to{transform:translate(-3%,-4%)}}.cinematic-bars:before,.cinematic-bars:after{content:"";z-index:5;background:#020203;width:100%;height:2.2vh;position:absolute;left:0}.cinematic-bars:before{top:0}.cinematic-bars:after{bottom:0}.masthead{z-index:10;align-items:center;gap:14px;display:flex;position:absolute;top:5.6vh;left:4vw}.brand-mark{writing-mode:vertical-rl;letter-spacing:.15em;color:var(--domain-accent);text-shadow:0 0 25px color-mix(in srgb,var(--domain-accent) 70%,transparent);font-family:Noto Serif JP,serif;font-size:24px;font-weight:900;line-height:1}.brand-copy{letter-spacing:.16em;flex-direction:column;font-family:Bebas Neue,sans-serif;font-size:21px;line-height:.82;display:flex}.domain-title{z-index:9;text-align:center;pointer-events:none;width:min(720px,72vw);animation:1.2s cubic-bezier(.2,.75,.2,1) both title-in;position:absolute;top:13vh;left:50%;transform:translate(-50%)}@keyframes title-in{0%{opacity:0;filter:blur(12px);transform:translate(-50%,18px)scale(.98)}to{opacity:1;filter:blur();transform:translate(-50%)scale(1)}}.eyebrow{text-transform:uppercase;letter-spacing:.55em;color:var(--domain-accent);margin:0 0 10px;font-size:10px}.domain-title h1{letter-spacing:.025em;text-transform:uppercase;text-shadow:0 4px 40px #000,0 0 70px color-mix(in srgb,var(--domain-accent) 28%,transparent);margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(48px,7vw,108px);font-weight:400;line-height:.82}.japanese{letter-spacing:.42em;margin:14px 0 10px;font-family:Noto Serif JP,serif;font-size:clamp(13px,1.4vw,20px);font-weight:900}.title-rule{background:var(--domain-accent);width:66px;height:1px;box-shadow:0 0 12px var(--domain-accent);margin:12px auto}.description{color:#ffffffa3;letter-spacing:.11em;text-transform:uppercase;max-width:520px;margin:auto;font-size:10px;line-height:1.7}.camera-card{z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(330px,28vw);box-shadow:0 20px 70px #0000008c,0 0 30px color-mix(in srgb,var(--domain-accent) 10%,transparent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);background:#0303069e;border:1px solid #fff3;position:absolute;bottom:7vh;right:4vw}.camera-header,.camera-footer{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:8px;display:flex}.camera-header{border-bottom:1px solid #ffffff1f}.camera-footer{color:#ffffff6b;border-top:1px solid #ffffff1f;justify-content:space-between}.live-dot{background:#777;border-radius:50%;width:6px;height:6px}.live-dot.active{background:var(--domain-accent);box-shadow:0 0 9px var(--domain-accent)}.hand-count{color:var(--domain-accent);margin-left:auto}.camera-viewport{aspect-ratio:16/10;background:radial-gradient(circle,#15151c,#060608);position:relative;overflow:hidden}.camera-viewport video,.camera-viewport canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.camera-card:not(.is-live) .camera-viewport:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 8px,#ffffff06 9px);position:absolute;inset:0}.camera-start{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.18em;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.camera-start:before{content:"◉";border:1px solid var(--domain-accent);width:44px;height:44px;color:var(--domain-accent);box-shadow:0 0 24px color-mix(in srgb,var(--domain-accent) 25%,transparent);border-radius:50%;place-items:center;margin-bottom:14px;transition:all .3s;display:grid}.camera-start:hover:before{background:color-mix(in srgb,var(--domain-accent) 12%,transparent);transform:scale(1.1)}.camera-start small{opacity:.45;letter-spacing:.12em;margin-top:7px;font-size:7px}.camera-error{text-align:center;color:#ff8e8e;background:#130607cc;place-items:center;padding:30px;font-size:9px;line-height:1.6;display:grid;position:absolute;inset:0}.controls{z-index:12;flex-direction:column;align-items:flex-start;gap:9px;display:flex;position:absolute;bottom:7vh;left:4vw}.controls button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;letter-spacing:.13em;cursor:pointer;text-align:left;background:#05050875;border:1px solid #ffffff47;min-width:158px;padding:12px 15px;font-size:8px;transition:all .25s}.controls button span{float:right;color:var(--domain-accent)}.controls button:hover{border-color:var(--domain-accent);background:color-mix(in srgb,var(--domain-accent) 12%,#050508)}.controls .primary{background:var(--domain-accent);color:#050507;border-color:var(--domain-accent);font-weight:600}.coordinate{z-index:8;letter-spacing:.22em;color:#ffffff52;writing-mode:vertical-rl;font-size:7px;position:absolute;top:50%}.coordinate-left{left:1.4vw;transform:rotate(180deg)}.coordinate-right{right:1.4vw}.model-credit{z-index:12;letter-spacing:.08em;text-transform:uppercase;color:#ffffff61;white-space:nowrap;font-size:7px;position:absolute;bottom:3.2vh;left:50%;transform:translate(-50%)}.model-credit a{color:#ff735fb8;text-decoration:none}.model-credit a:hover{color:#fff}@media (width<=760px){.domain-title{width:90vw;top:12vh}.domain-title h1{font-size:52px}.description{display:none}.camera-card{width:44vw;bottom:7vh;right:4vw}.controls{bottom:7vh}.controls button{min-width:0}.masthead{top:4.5vh}.coordinate{display:none}}