html,body{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(at 50% 45%,#201c19,#0b0908 75%)}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}:root{--bg-overlay:#100d0bb8;--panel:#17130f;--panel-glass:#151210f5;--line-faint:#fff0dc0f;--line:#fff0dc1a;--text:#efe8dc;--text-dim:#b5aa99;--accent:#e7b45a;--accent-strong:#f0c676;--danger:#e0796a;--track:#fff0dc33;--title-shade:#0b0908cc;--github-mark:#c8c8c8;--pill-line:#fff0dc3d;--on-accent:#1a140d;--radius-panel:10px;--radius-float:12px;--radius-button:8px;--target:40px;--target-compact:32px;--play-y:min(72%, calc(100% - 230px));--font-serif:"Palatino Linotype", Palatino, "Book Antiqua", "Iowan Old Style", Georgia, "Noto Serif", serif;--title-left:clamp(16px, 2.8vw, 40px);--title-top:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*,:before,:after{box-sizing:border-box}button,select,input{font:inherit;color:inherit}button{min-width:var(--target);min-height:var(--target);border-radius:var(--radius-button);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:background-color .12s,color .12s;display:inline-grid}button:hover{background:var(--line)}button:active{background:#fff0dc2e}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]:focus-visible{border-radius:var(--radius-button)}body:has(.bar.is-hidden) #stage{cursor:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}[hidden]:not(.drawer){display:none!important}.title{--logo-lift:-2px;top:var(--title-top);left:var(--title-left);max-width:min(720px, calc(100vw - 2 * var(--title-left)));text-shadow:0 1px 2px #000;pointer-events:none;margin:0;position:fixed}.title .logo,.title h1,.title p{width:fit-content;position:relative}.title .logo:before,.title h1:before,.title p:before{content:"";z-index:-1;background:var(--title-shade);filter:blur(8px);opacity:var(--title-shade-level,1);border-radius:999px;transition:opacity .15s linear;position:absolute;inset:-24px -40px}.title .logo{letter-spacing:.01em;color:var(--accent-strong);align-items:center;gap:8px;margin:0 0 30px -4px;font-size:17px;font-weight:500;line-height:20px;display:flex}.title .logo svg{fill:currentColor;stroke:none;width:21px;height:21px}.title .logo>svg:first-child{translate:0 var(--logo-lift)}.title .logo .wordmark{width:auto;height:22px}.title .github{border:1px solid var(--pill-line);letter-spacing:.02em;height:20px;color:var(--github-mark);translate:0 var(--logo-lift);pointer-events:auto;border-radius:999px;align-items:center;gap:5px;margin:0 0 0 6px;padding:0 9px 0 7px;font-size:12px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex;position:relative}.title .github:hover{color:#fff;background:var(--line);border-color:#ffffff73}.title .github svg{width:12px;height:12px}.title h1{font-family:var(--font-serif);text-wrap:balance;margin:0;font-size:clamp(24px,2.5vw,36px);font-weight:400;line-height:1.15}.title p{color:var(--text);margin:4px 0 0;font-size:clamp(13px,1.15vw,16px)}.first-screen{left:50%;top:var(--play-y);pointer-events:none;justify-items:center;gap:10px;display:grid;position:fixed;transform:translate(-50%,-36px)}.first-screen button{background:var(--accent);width:72px;height:72px;color:var(--on-accent);pointer-events:auto;border-radius:50%;position:relative}.first-screen button:hover{background:var(--accent-strong)}.first-screen .play:active{background:var(--accent-strong);transform:scale(.96)}.first-screen .boot-slot{width:72px;height:72px;position:relative}.first-screen .icon{fill:currentColor;stroke:none;width:28px;height:28px}.first-screen .icon[data-shown=Pause]{fill:none;stroke:currentColor;stroke-width:2.5px}.first-screen .ring{width:84px;height:84px;position:absolute;top:-6px;left:-6px;transform:rotate(-90deg)}.first-screen.is-pending .ring{animation:2.4s linear infinite ring-turn}.first-screen.is-waiting .ring{animation:1.6s linear infinite ring-turn}@keyframes ring-turn{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.first-screen .ring circle{fill:none;stroke-width:3px}.first-screen .ring .track{stroke:#fff0dc26}.first-screen .ring .done{stroke:var(--text)}.first-screen .intro{text-align:center;text-shadow:0 1px 2px #000;justify-items:center;gap:2px;max-width:min(360px,100vw - 32px);display:grid}.first-screen .intro p{text-wrap:balance;color:var(--text-dim);margin:0;font-size:13px}.first-screen .intro strong{color:var(--text);font-weight:600}.first-screen .select-piece{width:auto;height:auto;min-height:var(--target);border-radius:var(--radius-button);color:var(--accent);pointer-events:auto;background:0 0;padding:0 12px;font-size:14px;font-weight:600}.first-screen .select-piece:hover{background:var(--line);color:var(--accent-strong)}.first-screen .status{white-space:pre-line;text-align:center;background:var(--bg-overlay);border:1px solid var(--line);border-radius:999px;max-width:min(320px,100vw - 32px);min-height:26px;padding:4px 10px;font-size:13px;line-height:16px}.first-screen .status:empty{visibility:hidden}.bar{background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius-float);align-items:center;gap:4px;height:56px;padding:0 8px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.bar.is-hidden{opacity:0;transform:translateY(8px)}.bar.is-hidden>*,.bar.is-waking>*{pointer-events:none}.bar.is-empty .time,.bar.is-empty .seek{visibility:hidden}.bar .play{border:1.75px solid var(--accent);width:44px;height:44px;color:var(--accent);border-radius:50%}.bar .play:hover{border-color:var(--accent-strong);color:var(--accent-strong);background:#e7b45a1f}.bar .play svg{stroke-width:2.5px;width:18px;height:18px}.bar .play svg[data-shown=Pause]{stroke-width:3.5px}.bar .play svg[data-shown=Play]{fill:currentColor;stroke-width:1.5px}.time{font-variant-numeric:tabular-nums;color:var(--text);padding:0 4px;font-size:13px}.seek{flex:1;min-width:60px}.volume{width:128px}@media (width>=700px){.bar{gap:12px;padding:0 16px 0 20px}.bar .play{margin-right:12px}.bar .seek{margin:0 8px}.bar .speed{margin:0 16px}.bar .volume{margin-right:16px}.bar>:is(.reset,.full-screen,.drawer-button){margin-left:12px}}input[type=range]{--fill:0;height:var(--target);cursor:pointer;appearance:none;background:0 0;margin:0;padding:0}input[type=range]:disabled{cursor:default}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) calc(7px + (100% - 14px) * var(--fill)), var(--track) 0);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--track);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{background:var(--accent);appearance:none;border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:background-color .12s,transform .12s;box-shadow:0 0 8px #e7b45a8c}input[type=range]::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;transition:background-color .12s,width .12s,height .12s}input[type=range]:enabled:is(:hover,:active)::-webkit-slider-thumb{background:var(--accent-strong);transform:scale(1.2)}input[type=range]:enabled:is(:hover,:active)::-moz-range-thumb{background:var(--accent-strong);width:17px;height:17px}input[type=range]:disabled::-webkit-slider-thumb{background:var(--text-dim)}input[type=range]:disabled::-moz-range-thumb{background:var(--text-dim)}.speed{height:var(--target);text-align:center;text-align-last:center;cursor:pointer;appearance:none;background:0 0;border:1px solid #fff0dc29;border-radius:999px;min-width:72px;padding:0 18px;font-size:14px;transition:background-color .12s}.speed:hover{background-color:var(--line)}.speed option{background:var(--panel)}.camera[aria-pressed=true]{color:var(--accent)}.drawer{background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius-float);overscroll-behavior:none;flex-direction:column;width:340px;padding:6px 16px 16px;transition:transform .2s,translate .2s,opacity .2s,visibility;display:flex;position:fixed;top:12px;bottom:80px;right:12px;overflow:hidden;box-shadow:0 8px 32px #00000073}.drawer[hidden]{visibility:hidden;opacity:0;transition:transform .2s,translate .2s,opacity .2s,visibility 0s .2s;display:flex;translate:16px}.first-screen{transition:translate .2s}#stage{transition:opacity .15s}body:has(.drawer:not([hidden])) .first-screen{translate:-176px}body.is-building #stage{opacity:0}.drawer-top{z-index:1;border-bottom:1px solid var(--line-faint);background:var(--panel);flex:none;align-items:center;gap:8px;margin:0 -16px 8px;padding:8px 10px 0 16px;display:flex;position:relative}.tab-list{flex:1;gap:4px;display:flex}.tab{min-width:0;min-height:var(--target-compact);color:var(--text-dim);padding:0 10px 2px;font-size:14px;position:relative}.tab:hover{color:var(--text);background:0 0}.tab[aria-selected=true]{color:var(--text)}.tab[aria-selected=true]:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.drawer .close-drawer{min-width:var(--target-compact);min-height:var(--target-compact);width:var(--target-compact);height:var(--target-compact);color:var(--text-dim);margin-bottom:2px}.drawer .close-drawer:hover{color:var(--text)}.list{margin:0;padding:0;list-style:none}.tab-panel{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff0dc2e transparent;flex:auto;min-height:0;margin:0 -16px;padding:0 16px;overflow-y:auto}#panel-demos:not([hidden]){flex-direction:column;display:flex;overflow:hidden}#panel-demos>.list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff0dc2e transparent;flex:auto;min-height:0;margin:0 -16px;padding:0 16px;overflow-y:auto}.list>li+li{border-top:1px solid var(--line-faint)}.demo{gap:1px 12px;place-items:initial;text-align:left;border-radius:var(--radius-button);grid-template-rows:auto auto;grid-template-columns:[text]1fr[meter]34px[length]auto;align-items:center;width:100%;min-height:48px;margin:2px 0;padding:7px 10px;display:grid;position:relative}.demo:hover{background:var(--line-faint)}.demo[aria-current=true]{background:#fff0dc12}.demo[aria-current=true]:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:-10px}.demo .name{grid-column:text;align-self:end;font-size:13px;line-height:17px}.demo small{color:var(--text-dim);grid-column:text;align-self:start;font-size:12px;line-height:16px}.demo .meter{grid-area:1/meter/span 2;align-items:flex-end;gap:2px;height:14px;display:flex}.demo .meter span{background:var(--accent);transform-origin:bottom;border-radius:1px;width:2px;height:100%;transform:scaleY(.15)}.demo .length{color:var(--text-dim);font-variant-numeric:tabular-nums;grid-area:1/length/span 2;font-size:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-picker{z-index:1;background:linear-gradient(to bottom, transparent, var(--panel) 12px);flex:none;margin:4px -16px -16px;padding:12px 16px 16px;position:relative}.file-button{text-align:left;background:#e7b45a0a;border:1px solid #e7b45a59;align-items:center;gap:10px;width:100%;padding:0 10px 0 12px;font-size:13px;display:flex}.file-button:hover{background:#e7b45a1a;border-color:#e7b45a99}.file-button .file-icon{color:var(--accent);flex:none}.file-button .file-text{gap:1px;padding:7px 0;display:grid}.file-button small{color:var(--text-dim);font-size:12px;line-height:15px}.file-button .chevron{width:16px;height:16px;color:var(--text-dim);margin-left:auto}.toggle{min-width:var(--target-compact);min-height:var(--target-compact);width:var(--target-compact);height:var(--target-compact)}.seat{border-radius:var(--radius-button);grid-template-columns:13px 1fr auto auto;align-items:center;column-gap:12px;padding:1px 10px;display:grid;position:relative}.seat:hover{background:var(--line-faint)}.dot{width:13px;height:13px;box-shadow:0 0 calc(10px * var(--glow,0)) calc(2px * var(--glow,0)) color-mix(in srgb, var(--ring) calc(100% * var(--glow,0)), transparent);opacity:calc(.3 + .7 * var(--glow,0));transform:scale(calc(.3 + .7 * var(--glow,0)));border-radius:50%;position:relative}.dot.no-color{--ring:var(--text-dim);border:1.5px solid var(--text-dim)}.seat .name{padding:2px 0;font-size:13px;line-height:15px;display:grid}.seat small{color:var(--text-dim);font-size:12px;line-height:14px}.seat small.source{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.seat.silent .name{opacity:.8}.toggle{isolation:isolate;color:var(--text-dim);font-size:11px;font-weight:600;position:relative}.toggle:before{content:"";z-index:-1;border:1px solid var(--line);background:#fff0dc0d;border-radius:5px;transition:background-color .12s,border-color .12s;position:absolute;inset:calc(50% - 11px) calc(50% - 12px)}.toggle+.toggle{margin-left:-8px}.toggle:hover,.toggle:active{color:var(--text);background:0 0}.toggle:hover:before{background:#fff0dc1f}.toggle[aria-pressed=true]{color:var(--on-accent)}.toggle[aria-pressed=true]:before{background:var(--accent);border-color:var(--accent)}.toggle:focus-visible{outline:none}.toggle:focus-visible:before{outline:2px solid var(--accent);outline-offset:2px}.segmented{border:1px solid var(--line);border-radius:var(--radius-button);width:100%;display:flex;overflow:hidden}.segmented button{min-width:0;min-height:var(--target-compact);white-space:nowrap;border-radius:0;flex:auto;padding:0 10px;font-size:13px}.segmented button+button{border-left:1px solid var(--line-faint)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.settings{gap:20px;padding:8px 10px 0;display:grid}.setting-label{color:var(--text-dim);font-size:13px;display:block}.setting-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.setting .setting-label{color:var(--text);font-weight:500}.setting-value{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12px}.setting-help{color:var(--text-dim);margin:8px 2px 0;font-size:12px;line-height:17px}.playback{display:none}.playback-row{gap:4px;margin:4px 0 12px;display:grid}.playback-slot{align-items:center;gap:8px;display:flex}.playback-slot .setting-label{min-width:64px}.playback-slot .volume{flex:1}.button-text{display:none}.playback .button-text{display:inline}.playback-slot button{border:1px solid var(--line);grid-auto-flow:column;gap:6px;padding:0 12px}.handle{display:none}.drawer.is-dragged{transition:none}.credits{text-align:center;text-wrap:balance;padding:20px 4px 12px}.credits p{margin:0}.credits a{color:var(--accent)}.credits a:hover{color:var(--accent-strong)}.credits-card{margin-bottom:36px}.credits .credits-app{letter-spacing:.3em;text-transform:uppercase;color:var(--accent-strong);font-size:13px;font-weight:500}.credits .credits-role,.credits h3{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:500}.credits .credits-role{margin-top:20px}.credits .credits-author{font-family:var(--font-serif);margin-top:6px;font-size:30px;line-height:1.2}.credits .credits-author a{color:var(--text);text-underline-offset:5px;text-decoration-color:#efe8dc4d;text-decoration-thickness:1px}.credits .credits-author a:hover{color:var(--accent-strong);text-decoration-color:currentColor}.credits-group{margin-top:32px}.credits h3{color:var(--accent);align-items:center;gap:14px;margin:0 0 16px;display:flex}.credits h3:before,.credits h3:after{content:"";background:var(--line);flex:1;height:1px}.pieces{gap:18px;margin:0;padding:0;list-style:none;display:grid}.piece{color:var(--text-dim);gap:2px;font-size:13px;display:grid}.piece-title{color:var(--text);font-size:14px;font-weight:500}.piece small{font-size:12px}.piece.now .piece-title{font-family:var(--font-serif);margin-bottom:2px;font-size:20px;font-weight:400}.credit-rows{grid-template-columns:1fr 1fr;gap:12px 24px;margin:0;font-size:13px;display:grid}.credit-row{display:contents}.credit-rows dt{text-align:right;color:var(--text-dim)}.credit-rows dd{text-align:left;color:var(--text);margin:0}.credits-end{color:var(--text-dim);justify-items:center;gap:6px;margin-top:44px;font-size:13px;display:grid}.credits-end svg{fill:currentColor;stroke:none;width:20px;height:20px;color:var(--accent-strong);margin-bottom:6px}.credits-line{border-top:1px solid var(--line-faint);margin:24px 0 0;padding:8px 10px 0}.text-link{min-width:0;min-height:var(--target-compact);color:var(--text-dim);text-underline-offset:3px;margin-left:-6px;padding:0 6px;font-size:13px;-webkit-text-decoration:underline #b5aa9980;text-decoration:underline #b5aa9980}.text-link:hover{color:var(--text);background:0 0}.modal{width:min(560px,100vw - 32px);max-width:none;max-height:min(720px,100dvh - 48px);color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);padding:0;box-shadow:0 16px 48px #00000080}.modal[open]{flex-direction:column;animation:.15s ease-out modal-in;display:flex}.modal::backdrop{background:var(--bg-overlay,#100d0bb8);-webkit-backdrop-filter:blur(10px)}.modal[open]::backdrop{animation:.15s ease-out modal-backdrop-in}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}}@keyframes modal-backdrop-in{0%{opacity:0}}.modal-header{border-bottom:1px solid var(--line-faint);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 8px 20px;display:flex}.modal-header h2{margin:0;font-size:16px;font-weight:500}.modal-header .close{min-width:var(--target-compact);min-height:var(--target-compact);width:var(--target-compact);height:var(--target-compact);color:var(--text-dim)}.modal-header .close:hover{color:var(--text)}.modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff0dc2e transparent;min-height:0;padding:10px 18px 18px;overflow:auto}.messages{z-index:1;width:max-content;max-width:min(520px,100vw - 24px);position:fixed;bottom:84px;left:50%;transform:translate(-50%)}body:has(.first-screen:not([hidden])) .messages{bottom:calc(100% - var(--play-y) + 54px)}body:has(.first-screen:not([hidden])):has(.drawer:not([hidden])) .messages{translate:-176px}.message{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--danger);border-radius:var(--radius-panel);align-items:center;gap:8px;padding:10px 8px 10px 14px;display:flex}.message button{min-width:var(--target-compact);min-height:var(--target-compact);flex-shrink:0}.message .retry{border:1px solid var(--line);white-space:nowrap;padding:0 10px}.full-page{place-items:center;padding:24px;display:grid;position:fixed;inset:0}.full-page-box{gap:8px;max-width:480px;display:grid}.full-page h1{margin:0;font-size:24px;font-weight:600}.full-page .about{color:var(--text-dim);margin:0 0 8px;font-size:16px}.full-page .message-text{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--danger);border-radius:var(--radius-panel);max-width:480px;margin:0;padding:16px 18px;font-size:16px;line-height:1.5}.tooltip{z-index:2;background:var(--panel);border:1px solid var(--line);max-width:240px;color:var(--text);white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;line-height:16px;position:fixed;box-shadow:0 2px 8px #0006}.drop{border:2px dashed var(--accent);border-radius:var(--radius-panel);pointer-events:none;background:#100d0b99;place-items:center;font-size:16px;display:grid;position:fixed;inset:12px}@media (prefers-reduced-motion:reduce){.bar,.drawer,.drawer[hidden],#stage,.first-screen{transition:none}.first-screen.is-pending .ring,.first-screen.is-waiting .ring{animation:none}button,.speed,.toggle:before{transition:none}input[type=range]::-webkit-slider-thumb{transition:none}input[type=range]::-moz-range-thumb{transition:none}.first-screen .play:active{transform:none}.title .github{transition:none}.modal[open],.modal[open]::backdrop{animation:none}.demo .meter span{transform:scaleY(var(--still))!important}.dot{box-shadow:none;opacity:.3;transform:scale(.3)}.dot.playing{box-shadow:0 0 10px 2px var(--ring);opacity:1;transform:none}}@media (width<=699px){:root{--title-top:12px}.credit-rows{grid-template-columns:1fr;gap:2px}.credit-rows dt,.credit-rows dd{text-align:center}.credit-row+.credit-row dt{margin-top:14px}.title .logo{gap:6px;margin:0 0 12px -3px;font-size:15px;line-height:18px}.title .logo svg{width:17px;height:17px}.title .logo .wordmark{height:18px}.title .github{height:18px;margin-left:5px;padding:0 8px 0 6px;font-size:11px}.title .github svg{width:11px;height:11px}.drawer{width:auto;max-height:60vh;padding-top:4px;inset:auto 8px 76px}body:has(.drawer:not([hidden])) .first-screen{translate:none}body:has(.first-screen:not([hidden])):has(.drawer:not([hidden])) .messages{bottom:84px;translate:none}.drawer[hidden]{translate:0 16px}.bar{bottom:8px;left:8px;right:8px}.bar .time.length{display:none}:root{--play-y:min(70%, calc(100% - 240px))}.playback{display:block}.modal{width:calc(100vw - 16px);max-height:calc(100dvh - 32px)}.messages{width:auto;max-width:none;left:8px;right:8px;transform:none}.drawer-top{padding-top:0}.handle{z-index:1;background:var(--panel);cursor:grab;touch-action:none;flex:none;place-items:center;height:24px;margin:0 -16px;display:grid;position:relative}.handle:before{content:"";background:var(--text-dim);border-radius:2px;width:40px;height:4px}}@media (height<=799px) and (aspect-ratio>=7/5){:root{--side-left:calc(50% + 37dvh + 24px)}.first-screen{left:var(--side-left);top:calc(50% - 8px);right:24px;transform:translateY(-50%);container-type:inline-size}.first-screen .intro,.first-screen .status{max-width:100%}body:has(.drawer:not([hidden])) .first-screen{left:calc(var(--side-left) - 176px);right:364px;translate:none}body:has(.drawer:not([hidden])) .first-screen .intro{display:none}@container (width<=99px){.first-screen>*{visibility:hidden}}body:has(.first-screen:not([hidden])) .messages{left:12px;right:calc(100% - var(--side-left) + 12px);justify-items:center;width:auto;max-width:none;display:grid;bottom:84px;transform:none}body:has(.first-screen:not([hidden])):has(.drawer:not([hidden])) .messages{right:364px;translate:none}}@media (width>=1200px) and (aspect-ratio>=3/2){.first-screen.boot{translate:-176px}}@media (width>=1200px) and (aspect-ratio>=3/2) and (height<=799px){.first-screen.boot{left:calc(var(--side-left) - 176px);right:364px;translate:none}}@media (pointer:coarse),(width<=699px){:root{--target:44px;--target-compact:44px}.credits a{min-width:var(--target);min-height:var(--target);margin-block:calc((1lh - var(--target)) / 2);justify-content:center;align-items:center;display:inline-flex;position:relative}.title .github:after{content:"";inset:calc((100% - var(--target)) / 2);position:absolute}}