.title{--gut:clamp(28px, 7.5vw, 132px);--rule:clamp(12px, 3.6vw, 64px);z-index:50;padding:clamp(16px, 3vw, 36px) clamp(16px, 5vw, 80px) clamp(16px, 3vw, 36px) var(--gut);color:var(--ink);-webkit-user-select:none;user-select:none;grid-template-rows:1fr auto;display:grid;position:absolute;inset:0}.title-black{z-index:50;background:#000;position:absolute;inset:0}.title-fadein{pointer-events:none;background:#000;animation:2.6s ease-out .15s forwards title-fadein;position:absolute;inset:0}.title-waiting .title-fadein{animation:none}@keyframes title-fadein{to{opacity:0}}.title-shade{pointer-events:none;background:linear-gradient(90deg,#000000b8 0%,#0000005c 36%,#0000 62%),linear-gradient(#0000009e 0%,#0000 15% 76%,#000000d1 100%);transition:opacity 1.4s;position:absolute;inset:0}.title-flash{pointer-events:none;mix-blend-mode:screen;background:#cfe0ff;animation:.9s ease-out forwards title-flash;position:absolute;inset:0}@keyframes title-flash{0%{opacity:.16}12%{opacity:.02}22%{opacity:.12}to{opacity:0}}.title>header,.title>main,.title>footer{position:relative}.title-rule{top:0;bottom:0;left:var(--rule);pointer-events:none;background:linear-gradient(#e9e4da00 0%,#e9e4da29 18% 82%,#e9e4da00 100%);width:1px;position:absolute}.title-main{align-self:start;justify-items:start;gap:clamp(28px,6vh,64px);max-width:min(640px,100%);padding-top:clamp(64px,24vh,260px);display:grid}.title-logo{--caret:var(--accent);color:#ece7de;text-shadow:0 2px 24px #000000d9;justify-items:start;margin:0;font-size:clamp(56px,7.4vw,124px);font-weight:400;line-height:1;display:grid;position:relative}.title-logo-kicker{font:italic 400 .5em / 1 var(--font-display);letter-spacing:.01em;color:#ece7dedb;margin:0 0 -.04em .04em}.title-logo-word{font:760 1em / 1.05 var(--font-label);letter-spacing:-.055em;white-space:nowrap;align-items:baseline;display:flex}.title-logo-text:after{content:"​"}.title-caret{flex:none;width:.56em;height:.7em;margin-left:.07em;position:relative}.title-caret:before{content:"";background:var(--caret);height:.085em;animation:1.06s step-end infinite title-caret;position:absolute;inset:auto 0 -.07em;box-shadow:0 0 .22em #ff6a1a8c}@keyframes title-caret{50%{opacity:0}}.title-logo.typing{--caret:#e9e4da}.title-logo.typing .title-caret:before{opacity:.92;height:.98em;animation:none;inset:auto 0 -.2em;box-shadow:0 0 .3em #e9e4da59}@keyframes title-rise{0%{opacity:0;transform:translateY(6px)}}.title-loading{align-content:center;gap:8px;width:min(320px,82vw);min-height:38px;display:grid}.title-loading-head{font:500 11px/1.2 var(--font-label);letter-spacing:.16em;text-transform:uppercase;color:#e9e6e1c7;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.title-loading-pct{text-align:right;min-width:4ch;color:var(--accent);font-variant-numeric:tabular-nums}.title-loading-track{background:#e9e6e124;border-radius:999px;width:100%;height:3px;position:relative;overflow:hidden}.title-sound{font:500 10px/1.4 var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:#e9e6e180;margin:4px 0 0;transition:opacity .5s;animation:.6s .4s both title-rise,2.4s ease-in-out 1s infinite title-sound-pulse}.title-sound-off{opacity:0;animation:none}@keyframes title-sound-pulse{50%{color:#e9e6e1d9}}.title-loading-bar{will-change:transform;background:linear-gradient(90deg,#ff6a1a,#ffa364);border-radius:999px;height:100%;transition:transform .24s cubic-bezier(.22,1,.36,1);transform:translate(-94%);box-shadow:0 0 14px #ff6a1abf}.title-failed{max-width:min(340px,82vw);font:13px/1.5 var(--font-mono);color:#e9e6e1c7;margin:0}.title-nav{animation:.45s ease-out both title-rise}.title-menu{justify-items:start;gap:2px;margin:0;padding:0;list-style:none;display:grid}.title-item{isolation:isolate;font:400 clamp(19px, 1.55vw, 24px) / 1.15 var(--font-display);letter-spacing:.015em;color:#e9e6e185;text-shadow:0 1px 10px #000000e6;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:14px;padding:7px 46px 7px 0;transition:color .15s;display:inline-flex;position:relative}.title-item:before{content:">";font:600 .82em / 1.4 var(--font-label);color:var(--accent);opacity:0;transition:opacity .12s,transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;left:-1.15em;transform:translate(-.4em)}.title-item:hover,.title-item.on{color:#f6f2ea}.title-item.on:before{opacity:1;transform:none}.title-item:focus-visible{outline:none}.title-item-extra{font:500 11px/1 var(--font-label);letter-spacing:.08em;color:#e9e6e166;font-variant-numeric:tabular-nums}.title-item.on .title-item-extra{color:var(--accent)}.title-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.title-help{align-content:end;gap:8px;min-height:52px;display:grid}.title-desc{max-width:52ch;font:400 clamp(14px, 1.1vw, 16px) / 1.45 var(--font-display);letter-spacing:.02em;color:#e9e6e1c7;text-shadow:0 1px 10px #000000e6;margin:0;animation:.25s ease-out both title-rise}.title-keys{font:400 13px/1 var(--font-display);letter-spacing:.02em;color:#e9e6e19e;gap:22px;margin:0;display:flex}.title-keys span{align-items:center;gap:6px;display:inline-flex}.title-keys kbd{min-width:20px;height:20px;font:500 11px/1 var(--font-label);color:#e9e6e1d9;border:1px solid #e9e6e161;border-radius:50%;place-items:center;padding:0 5px;display:inline-grid}.title-keys kbd+kbd{margin-left:-2px}.title-warn{font:11px/1.7 var(--font-label);text-align:right;color:#e9e6e161;margin:0}.title-going{pointer-events:none}.title-going .title-logo-kicker,.title-going .title-logo-text{animation:0s .12s forwards title-clear}.title-going .title-caret:before{animation:.75s step-end forwards title-caret-out}@keyframes title-clear{to{visibility:hidden}}@keyframes title-caret-out{0%{opacity:1}40%{opacity:0}60%{opacity:1}to{opacity:0}}.title-going .title-nav,.title-going .title-foot,.title-going .title-rule{animation:.5s ease-in forwards title-leave}@keyframes title-leave{to{opacity:0}}.title-going .title-shade,.title-gone .title-shade{opacity:0}.title-gone{pointer-events:none}@media (width<=640px){.title-foot{flex-direction:column;align-items:flex-start}.title-warn{text-align:left}.title-shade{background:linear-gradient(90deg,#000c 0%,#00000073 70%,#0003 100%),linear-gradient(#000000b3 0%,#0000 16%)}}@media (height<=520px){.title{padding-top:12px;padding-bottom:12px}.title-main{gap:14px;padding-top:30px}.title-logo{font-size:44px}.title-item{padding-top:4px;padding-bottom:4px;font-size:17px}.title-help{min-height:0}.title-desc,.title-keys{display:none}}@media (prefers-reduced-motion:reduce){.title-caret:before,.title-nav,.title-desc,.title-foot,.title-sound{animation:none}.title-item:before{transition:opacity .12s;transform:none}}.title.title-pause{z-index:20;pointer-events:auto;animation:.25s ease-out both title-pause-in}.title-pause .title-shade{background:linear-gradient(90deg,#000000d1 0%,#0000008c 40%,#0000004d 70%),linear-gradient(#00000080 0%,#0000 18% 74%,#000c 100%)}.title-pause .title-nav{animation-duration:.3s}@keyframes title-pause-in{0%{opacity:0}}.title-keys kbd.wide{border-radius:10px;min-width:0;padding:0 7px;font-size:10px}@media (prefers-reduced-motion:reduce){.title.title-pause{animation:none}}