.th{--th-room:104px}.th-stage{justify-items:center;gap:14px;padding-top:14px;display:grid}.th-screen{width:min(100%, calc((100dvh - var(--site-header-h) - var(--th-room)) * 16 / 9));aspect-ratio:16/9;background:var(--card);box-shadow:var(--shadow);padding:8px;position:relative}@media (orientation:portrait){.th{--th-room:124px}.th-screen{aspect-ratio:auto;width:100%;height:calc(100dvh - var(--site-header-h) - var(--th-room));min-height:420px}}@media (orientation:landscape) and (max-height:500px){.th{--th-room:28px}}.th-screen:before{content:"";z-index:1;background:var(--tape);pointer-events:none;width:110px;height:24px;margin-left:-55px;position:absolute;top:-12px;left:50%;transform:rotate(-2deg)}.th-screen iframe{background:#0b0520;border:0;width:100%;height:100%;display:block}.th-bar{font-family:var(--hand);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 26px;font-size:24px;font-weight:600;display:flex}.th-version{color:var(--pencil);align-items:center;gap:8px;display:inline-flex}.th-version select{appearance:none;font-family:var(--sans);color:var(--ink);background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Cpath d='M3 3 C 6 5, 8 8, 10 10 C 12 7, 14 5, 17 2' fill='none' stroke='%232b2a33' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center / 14px 9px;border:2px solid var(--ink);cursor:pointer;border-radius:255px 15px 225px/15px 225px 15px 255px;padding:3px 32px 3px 12px;font-size:15px;font-weight:700}.th-version select:hover{box-shadow:2px 3px 0 var(--ink)}.th-noscript{text-align:center;font-family:var(--hand);font-size:24px}.th-about{align-items:start;gap:40px;padding-top:72px;display:grid}@media (min-width:900px){.th-about{grid-template-columns:minmax(0,1fr) 300px;gap:64px}}.th-about h1{font-family:var(--hand);margin:0;font-size:clamp(46px,6vw,72px);font-weight:700;line-height:1}.th-formerly{font-family:var(--hand);color:var(--pen);transform-origin:0;margin:2px 0 18px;font-size:26px;transform:rotate(-1.5deg)}.th-desc{max-width:60ch;font-size:18px}.th-demo{max-width:60ch;color:var(--pencil);font-size:15px}.th-keys{transform:rotate(calc(1.5deg * var(--tilt)));padding:26px 24px 20px}.th-keys h2{font-family:var(--hand);margin:0 0 8px;font-size:32px;font-weight:700;line-height:1}.th-keys dl{gap:6px;margin:0;display:grid}.th-keys dl>div{grid-template-columns:64px 1fr;align-items:baseline;gap:10px;display:grid}.th-keys dd{margin:0;font-size:15px;line-height:1.4}.th-keys kbd{text-align:center;min-width:28px;font-family:var(--sans);background:var(--card);border:1.5px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:5px;padding:0 6px;font-size:13px;font-weight:700;display:inline-block}