#app.title-screen canvas{cursor:default;touch-action:auto}body:has(.title-screen) .hud{display:none}.title-entry{z-index:1;color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#000;border:1px solid #fff;border-radius:0;padding:7px 10px;font:11px/1 ui-monospace,Menlo,monospace;text-decoration:none;position:fixed;top:12px;left:50%;transform:translate(-50%)}.title-ui{pointer-events:none;color:#fff;isolation:isolate;font-family:Georgia,Times New Roman,serif;position:absolute;inset:0}.title-studies{top:max(20px, env(safe-area-inset-top));white-space:nowrap;background:#000;border:1px solid #fff;gap:5px;padding:4px;font:12px/1 ui-monospace,Menlo,monospace;display:flex;position:absolute;left:50%;transform:translate(-50%)}.title-studies a{color:#fff;padding:11px 14px;text-decoration:none}.title-studies a span{color:#fff;margin-right:5px;font-size:.8em}.title-studies a[aria-current=page]{color:#000;background:#fff}.title-studies a[aria-current=page] span{color:#000}.title-lockup{text-align:center;background:#000;border:1px solid #fff;width:min(88vw,590px);padding:18px 20px;position:absolute;bottom:max(2.25%,16px);left:50%;transform:translate(-50%)}.title-ui[data-study=leap] .title-lockup{width:min(46vw,540px);bottom:max(8%,28px);left:auto;right:5%;transform:none}.title-lockup h1{margin:0;font-weight:400;line-height:.9}.title-blade{z-index:-1;color:#fff;width:clamp(25px,3.4vw,52px);position:absolute;top:clamp(-54px,-3.4vw,-26px);left:50%;transform:translate(-50%)}.title-name{letter-spacing:.085em;color:#fff;padding-left:.085em;font-size:clamp(58px,7.45vw,124px);display:block}.title-subtitle{letter-spacing:.39em;text-transform:uppercase;color:#fff;margin-top:11px;padding-left:.39em;font-size:clamp(13px,2vw,23px);line-height:1.3;display:block}.title-rule{color:#fff;justify-content:center;align-items:center;gap:12px;width:min(68%,280px);margin:17px auto 19px;display:flex}.title-rule:before,.title-rule:after{content:"";background:#fff;flex:1;height:1px}.title-rule span{border:1px solid #fff;width:8px;height:8px;transform:rotate(45deg)}.title-start,.title-motion{color:#fff;letter-spacing:.12em;text-transform:uppercase;background:#000;border:1px solid #fff;font:11px/1.2 ui-monospace,Menlo,monospace}.title-start{padding:12px 17px;text-decoration:none;display:inline-block}.title-start span{color:#fff;margin-left:7px}.title-motion{cursor:pointer;padding:10px;font-size:10px;position:absolute;bottom:16px;left:16px}.title-ui a,.title-ui button{pointer-events:auto}.title-ui :is(a,button):hover,.title-entry:hover{color:#000;background-color:#fff}.title-ui :is(a,button):hover span{color:#000}.title-ui :is(a,button):focus-visible,.title-entry:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=780px){.title-entry{top:85px}.title-lockup,.title-ui[data-study=leap] .title-lockup{width:96%;bottom:max(10%,52px);left:50%;right:auto;transform:translate(-50%)}.title-name{font-size:clamp(50px,14vw,84px)}.title-motion{bottom:12px;left:50%;transform:translate(-50%)}}@media (height<=460px) and (orientation:landscape){.title-studies{top:8px}.title-lockup,.title-ui[data-study=leap] .title-lockup{bottom:10px}.title-motion{left:12px;transform:none}.title-name{font-size:clamp(38px,7vw,64px)}.title-subtitle{margin-top:4px}.title-rule{margin:7px auto}}