:root{color-scheme:dark;--ink: #e7fff8;--cyan: #3ef0ff;--magenta: #ff2ad4;--muted: rgba(176, 226, 236, .46);--ground: #07080c;--accent: #3ef0ff;--edge: color-mix(in oklab, var(--accent) 38%, #ff2ad4);--sans: "Chakra Petch", "Arial Narrow", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--num: var(--sans);--ease: cubic-bezier(.22, 1, .36, 1);--corner: 1.85rem;--dock-h: calc(.42rem + .48rem + 12px);--type: clamp(.924rem, calc((100dvh - 12.5rem) / 47.5 * 1.1), 2.068rem);--copy-w: clamp( calc(22rem - 100px) , calc(32vw - 100px) , calc(46rem - 100px) );--copy-pad: clamp(1.25rem, 2vw, 2rem);--meta: clamp(.58rem, calc((var(--copy-w) - 2 * var(--copy-pad)) * .024), .78rem)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{overflow:hidden;background:var(--ground);color:var(--ink);font-family:var(--sans);transition:background-color .6s var(--ease)}button:focus,button:focus-visible,button:active{outline:none}::selection{background:var(--cyan);color:#041016}#reel{position:fixed;inset:0;z-index:2;width:100%;height:100%;display:block;pointer-events:none}#iso{position:fixed;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#04060ad1,#04060a66 34%,#04060a14 58%),radial-gradient(120% 80% at 80% 50%,transparent 40%,rgba(255,42,212,.08) 78%,rgba(0,0,0,.45) 100%)}.frame{position:fixed;inset:0;z-index:4;pointer-events:none}.frame span,.boot-corner{position:absolute;width:28px;height:28px;filter:drop-shadow(0 0 6px rgba(62,240,255,.45))}.frame span:nth-child(1),.boot-corner:nth-child(1){border-top:2px solid var(--cyan);border-left:2px solid var(--cyan)}.frame span:nth-child(2),.boot-corner:nth-child(2){border-top:2px solid var(--cyan);border-right:2px solid var(--cyan)}.frame span:nth-child(3),.boot-corner:nth-child(3){border-bottom:2px solid var(--cyan);border-left:2px solid var(--cyan)}.frame span:nth-child(4),.boot-corner:nth-child(4){border-bottom:2px solid var(--cyan);border-right:2px solid var(--cyan)}.frame span:nth-child(1){top:.65rem;left:.65rem}.frame span:nth-child(2){top:.65rem;right:.65rem}.frame span:nth-child(3){bottom:.65rem;left:.65rem}.frame span:nth-child(4){bottom:.65rem;right:.65rem}.boot{position:fixed;inset:0;z-index:8;display:grid;place-items:center;padding-inline:1.25rem;background:#07080c;transition:background-color .7s var(--ease)}body.is-booting{background:#000;transition:none}body.is-booting.is-departing{background:var(--ground);transition:background-color 1.35s var(--ease)}body.is-booting:after{opacity:0;transition:none}body.is-booting.is-departing:after{opacity:1;transition:opacity 1.35s var(--ease)}body.is-booting .boot{background:transparent}body.is-booting .bar>*,body.is-booting .index,body.is-booting .connect,body.is-booting .dock,body.is-booting .sys,body.is-booting #reel,body.is-booting .frame{opacity:0;transition:none}body.is-booting.is-loading #iso{opacity:0;transition:none}body.is-booting:not(.is-loading) #iso{opacity:1;transition:opacity .9s var(--ease)}body.is-booting .bar>*{transform:translateY(-.8rem)}body.is-booting .index{transform:translate(-1.2rem)}body.is-booting .connect,body.is-booting .dock{transform:translateY(1.2rem)}body.is-booting .sys{transform:translate(-50%,1.2rem)}body.is-booting.is-armed .bar>*,body.is-booting.is-armed .index,body.is-booting.is-armed .connect,body.is-booting.is-armed .dock,body.is-booting.is-armed .sys,body.is-booting.is-armed #reel,body.is-booting.is-armed #iso,body.is-booting.is-armed .frame{transition:opacity 1.2s var(--ease),transform 1.35s var(--ease)}body.is-booting.is-revealing .bar>*,body.is-booting.is-revealing .index,body.is-booting.is-revealing .connect,body.is-booting.is-revealing .dock,body.is-booting.is-revealing .sys,body.is-booting.is-revealing #reel,body.is-booting.is-revealing #iso{opacity:1;transform:none}body.is-booting.is-revealing .bar>*:nth-child(1){transition-delay:.05s}body.is-booting.is-revealing .bar>*:nth-child(2){transition-delay:.14s}body.is-booting.is-revealing .bar>*:nth-child(3){transition-delay:.22s}body.is-booting.is-revealing .bar>*:nth-child(4){transition-delay:.3s}body.is-booting.is-revealing .bar>*:nth-child(5){transition-delay:.38s}body.is-booting.is-revealing .index{transition-delay:.18s}body.is-booting.is-revealing #reel{transition-delay:0s}body.is-booting.is-revealing .connect{transition-delay:.4s}body.is-booting.is-revealing .dock{transition-delay:.5s}body.is-booting.is-revealing .sys{transform:translate(-50%);transition-delay:.45s}body.is-loading .boot-stack{visibility:hidden}.load{position:absolute;z-index:2;left:var(--corner);bottom:var(--corner);display:flex;align-items:center;gap:.7em;margin:0;color:var(--ink);font-family:var(--mono);font-size:.64rem;letter-spacing:.16em;line-height:1;text-transform:uppercase}.load-pip{width:.42rem;height:.42rem;flex:none;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:load-pip 1.15s ease-in-out infinite}@keyframes load-pip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.72)}}.load span{color:var(--muted);text-transform:none}body:not(.is-loading) .load{display:none}.boot-stack{position:relative;z-index:1;display:grid;justify-items:center}.boot-copy{position:relative}.boot-mark{position:relative;padding:1.75rem 1.9rem}.boot-corner{transition:transform 2.25s cubic-bezier(.16,1,.3,1)}.boot-name,.boot-role,.boot-enter,.boot-music{opacity:0;transition:opacity 1s var(--ease),transform 1.15s var(--ease),filter 1s var(--ease)}body.is-named .boot-name,body.is-named .boot-role{opacity:1}body.is-ready .boot-enter,body.is-ready .boot-music{opacity:1;pointer-events:auto}body.is-departing .boot-enter,body.is-departing .boot-music,body.is-departing .boot-role,body.is-departing .boot-name{opacity:0;filter:blur(7px)}body.is-departing .boot-role,body.is-departing .boot-enter,body.is-departing .boot-music{transform:translate(-50%) translateY(-1.15rem)}body.is-departing .boot-role{transition-delay:.1s}body.is-departing .boot-name{transform:translateY(-1.15rem);transition-delay:.2s}.boot-corner:nth-child(1){top:0;left:0}.boot-corner:nth-child(2){top:0;right:0}.boot-corner:nth-child(3){bottom:0;left:0}.boot-corner:nth-child(4){bottom:0;right:0}.boot-name{color:var(--ink);font-family:var(--sans);font-size:clamp(1.35rem,5.6vw,3.6rem);font-weight:600;letter-spacing:.18em;line-height:1;text-align:center;text-transform:uppercase;text-shadow:0 0 18px rgba(62,240,255,.55),1px 0 rgba(255,42,212,.55)}.boot-role{position:absolute;top:calc(100% + 1.15rem);left:50%;margin-top:0;color:var(--cyan);font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap;transform:translate(-50%)}body.is-leaving .frame{opacity:1;transition:opacity 1.15s var(--ease)}body.is-leaving .boot{opacity:0;pointer-events:none;transition:opacity 1.15s var(--ease)}.bar,.stage{position:relative;z-index:3;display:grid;grid-template-columns:minmax(16rem,32rem) minmax(12rem,1fr);gap:1.5rem 5vw;padding-inline:var(--corner)}.bar{z-index:4}.bar{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:var(--corner);color:var(--muted);font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;line-height:1;text-transform:uppercase}.bar>*{white-space:nowrap}.place{color:var(--ink);font-size:.72rem;letter-spacing:.1em}.tune .fps{display:flex;align-items:center;gap:.45rem;margin:.45rem 0 .15rem;color:var(--cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(62,240,255,.45)}.fps.is-low{color:var(--magenta);text-shadow:0 0 12px rgba(255,42,212,.5)}.fps-value{min-width:1.7rem;font-family:var(--num)}.fps-graph{width:4.4rem;height:.7rem;display:block}.word{color:var(--ink);font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 14px rgba(62,240,255,.45)}.about,.connect,.boot-enter{--cut: 8px;position:relative;display:inline-flex;align-items:center;flex:none;height:var(--dock-h);padding:0 .7rem 0 .55rem;background:#3ef0ff80;color:var(--cyan);font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;line-height:1;text-transform:uppercase;text-decoration:none;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);box-shadow:0 0 16px #3ef0ff1f}.connect{position:fixed;z-index:5;right:var(--corner);bottom:var(--corner);gap:.55rem}.about:before,.connect:before,.boot-enter:before{content:"";position:absolute;inset:1px;background:#03080cc7;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut) + .586px),calc(100% - var(--cut) + .586px) 100%,0 100%);pointer-events:none}.about>*,.connect-read,.mail,.boot-enter>*{position:relative;z-index:1}.about:hover,.connect:hover,.boot-enter:hover{color:var(--cyan);box-shadow:0 0 18px #3ef0ff47}.boot-enter{position:absolute;top:calc(100% + 4.5rem);left:50%;gap:.55rem;border:0;cursor:pointer;pointer-events:none;transform:translate(-50%)}.boot-music{position:absolute;top:calc(100% + 4.5rem + var(--dock-h) + 1.1rem);left:50%;display:inline-flex;align-items:center;gap:.5em;padding:.3rem .2rem;border:0;background:none;color:var(--muted);font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;pointer-events:none;transform:translate(-50%)}.boot-music-slash{opacity:.45}.boot-music-opt{transition:color .35s var(--ease)}.boot-music.is-on [data-on],.boot-music:not(.is-on) [data-off]{color:var(--cyan)}.boot-music:hover{color:var(--ink)}.boot-music:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}.status{display:inline-flex;align-items:center;gap:.45rem;color:var(--cyan)}.status i{width:.38rem;height:.38rem;border-radius:50%;background:#39ffb0;box-shadow:0 0 8px #39ffb0;animation:pulse 1.8s var(--ease) infinite}.stage{align-items:center;height:calc(100% - var(--corner) * 2 - var(--dock-h));padding-top:1.6rem;padding-bottom:1.4rem}.index{position:fixed;z-index:3;inset-block:0;left:var(--corner);height:fit-content;max-height:80dvh;margin-block:auto;display:flex;flex-direction:column;justify-content:safe center;width:clamp(16rem,calc(100vw - 2 * var(--corner) - max(22rem,32vw) - 4rem),42rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-left:.95rem;padding-block:1.35rem;pointer-events:none;scroll-padding-block:1.35rem;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 .55rem,#000 calc(100% - .55rem),transparent);mask-image:linear-gradient(to bottom,transparent,#000 .55rem,#000 calc(100% - .55rem),transparent)}.index::-webkit-scrollbar{display:none}.index ol{flex:none;margin-block:0;list-style:none}.lens{display:none}.index li{animation:rise .8s var(--ease) both;animation-delay:calc(var(--i) * 22ms)}.index a,.index button{display:grid;grid-template-columns:max-content max-content;gap:.4em;align-items:baseline;width:fit-content;padding:.34em 0;border:0;background:none;color:var(--muted);font:inherit;font-size:var(--type);font-weight:500;letter-spacing:.06em;line-height:1.15;text-align:left;text-decoration:none;text-transform:uppercase;cursor:pointer;pointer-events:auto;transition:color .35s var(--ease),text-shadow .35s var(--ease)}.index .num{min-width:2.3ch;color:#3ef0ff59;font-family:var(--num);font-size:.58em;font-variant-numeric:tabular-nums;letter-spacing:.04em;transition:color .35s var(--ease)}.index .name{display:inline-block;transform-origin:0 70%;transition:color .35s var(--ease),transform .5s var(--ease)}.index button:hover .name{color:#fff}.index li.is-active a,.index li.is-active button{--tick: .38em;--stroke: 2px;position:relative;color:var(--ink)}.index li.is-active a:before,.index li.is-active button:before{content:"";position:absolute;inset:.12em -.36em;pointer-events:none;background:linear-gradient(var(--cyan),var(--cyan)) left top / var(--tick) var(--stroke) no-repeat,linear-gradient(var(--cyan),var(--cyan)) left top / var(--stroke) var(--tick) no-repeat,linear-gradient(var(--cyan),var(--cyan)) right top / var(--tick) var(--stroke) no-repeat,linear-gradient(var(--cyan),var(--cyan)) right top / var(--stroke) var(--tick) no-repeat,linear-gradient(var(--cyan),var(--cyan)) left bottom / var(--tick) var(--stroke) no-repeat,linear-gradient(var(--cyan),var(--cyan)) left bottom / var(--stroke) var(--tick) no-repeat,linear-gradient(var(--cyan),var(--cyan)) right bottom / var(--tick) var(--stroke) no-repeat,linear-gradient(var(--cyan),var(--cyan)) right bottom / var(--stroke) var(--tick) no-repeat}.index li.is-active .num{color:#fff}.index a:focus-visible,.open:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}.copy{--cut: clamp(16px, 1.1vw, 22px);position:fixed;z-index:3;top:50%;right:var(--corner);display:grid;grid-template-columns:1fr auto;gap:.55em 1.25rem;align-content:start;width:var(--copy-w);max-height:calc(100vh - 8rem);max-height:calc(100dvh - 8rem);padding:clamp(1.15rem,1.8vw,1.85rem) var(--copy-pad);transform:translate(4.5rem,-50%);container-type:inline-size;background:#3ef0ff80;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);opacity:0;pointer-events:none}.copy.is-in{transform:translateY(-50%);opacity:1;pointer-events:auto;transition:transform 1.15s var(--ease),opacity .45s var(--ease)}body.is-about .copy.is-in{transform:translate(4.5rem,-50%);opacity:0;pointer-events:none;transition:transform .55s var(--ease),opacity .4s var(--ease)}.copy:before{content:"";position:absolute;z-index:0;inset:1px;background:#03080cc7;pointer-events:none;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut) + .586px),calc(100% - var(--cut) + .586px) 100%,0 100%)}.kicker,.line{position:relative;z-index:1;grid-column:1 / -1}.kicker{display:flex;align-items:center;gap:.45rem;color:var(--cyan);font-family:var(--num);font-size:var(--meta);font-variant-numeric:tabular-nums;letter-spacing:.16em}.swatch{width:.7em;height:.7em;background:var(--accent);transition:background-color .5s var(--ease)}.slash{opacity:.45}#count{display:inline-flex;height:1em;overflow:hidden;line-height:1}.tally-digit{display:block;height:1em;overflow:hidden}.tally-strip{display:block}.tally-strip span{display:block;height:1em;line-height:1}.keep{display:inline-block;white-space:nowrap}.shuffle{display:inline-block;position:relative}.shuffle-ghost{visibility:hidden}.shuffle-face{position:absolute;inset:0 auto auto 0}.line{color:var(--ink);font-family:var(--sans);font-size:var(--type);font-weight:500;letter-spacing:.01em;line-height:1.2;text-shadow:1px 0 rgba(255,42,212,.65),-1px 0 rgba(62,240,255,.75)}.open{position:relative;z-index:1;justify-self:start;margin-top:.2rem;color:var(--cyan);font-family:var(--mono);font-size:var(--meta);letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.open[hidden]{display:none}.view-follow{position:fixed;z-index:31;top:0;left:0;margin-top:0;justify-self:auto;pointer-events:none;white-space:nowrap}.credit{position:relative;z-index:1;grid-column:2;justify-self:end;align-self:end;margin:0;color:var(--muted);font-family:var(--mono);font-size:var(--meta);letter-spacing:.16em;line-height:1;text-transform:uppercase;white-space:nowrap}.credit[hidden]{display:none}.open:before,.open:after{letter-spacing:0}.open:before{content:"[";margin-right:.45em}.open:after{content:"]";display:inline-block;margin-left:.45em;transition:transform .35s var(--ease)}.open:hover{color:var(--ink);text-shadow:0 0 10px var(--cyan)}.cursor{display:none}.has-cursor,.has-cursor *{cursor:none!important}.has-cursor .cursor{position:fixed;top:0;left:0;z-index:30;display:block;width:18px;height:18px;margin:-9px 0 0 -9px;background:linear-gradient(var(--cyan),var(--cyan)) center / 1px 100% no-repeat,linear-gradient(var(--cyan),var(--cyan)) center / 100% 1px no-repeat;opacity:0;pointer-events:none;filter:drop-shadow(0 0 4px var(--cyan));transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),opacity .2s linear}.has-cursor .cursor.is-on{opacity:1}.has-cursor .cursor.is-hot{width:34px;height:34px;margin:-17px 0 0 -17px;background:linear-gradient(var(--magenta),var(--magenta)) center / 1px 100% no-repeat,linear-gradient(var(--cyan),var(--cyan)) center / 100% 1px no-repeat}.tune{position:fixed;z-index:6;top:auto;right:auto;left:var(--corner);bottom:calc(var(--corner) + var(--dock-h) + .45rem);width:16rem;padding:.7rem .75rem .8rem;color:var(--cyan);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;line-height:1;text-transform:uppercase;background:#03080cd1;border:1px solid rgba(62,240,255,.45);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.tune.is-dragging{cursor:grabbing}.tune input{cursor:ew-resize;touch-action:auto}.tune p{margin:0 0 .15rem}.tune .tune-label{margin-top:.85rem}.tune label{display:grid;grid-template-columns:6.4rem 1fr 2.4rem;align-items:center;gap:.45rem;margin-top:.42rem}.tune output{text-align:right;font-variant-numeric:tabular-nums}.tune input{width:100%;margin:0;accent-color:var(--cyan)}.sys{position:fixed;z-index:5;left:50%;bottom:var(--corner);display:grid;align-items:center;height:var(--dock-h);margin:0;transform:translate(-50%);color:var(--muted);font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;line-height:1;text-transform:uppercase;pointer-events:none;mix-blend-mode:difference}.sys-read,.sys-ghost{grid-area:1 / 1;white-space:nowrap}.sys-ghost{visibility:hidden}.sys-value{color:var(--cyan)}.sys-caret{display:inline-block;width:.42em;height:.85em;margin-left:.28em;background:var(--cyan);box-shadow:0 0 8px var(--cyan);vertical-align:-.12em;animation:caret 1.05s steps(1,end) infinite}.dock{position:fixed;z-index:6;left:var(--corner);bottom:var(--corner)}.dock-bar{display:flex;align-items:stretch;gap:.45rem}.sound{--cut: 8px;position:relative;display:flex;align-items:flex-end;gap:.55rem;padding:.42rem .7rem .48rem .5rem;border:none;background:#3ef0ff80;color:var(--cyan);font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;line-height:1;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);box-shadow:0 0 16px #3ef0ff1f}.sound:before{content:"";position:absolute;inset:1px;background:#03080cc7;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut) + .586px),calc(100% - var(--cut) + .586px) 100%,0 100%);pointer-events:none}.bars,.sound-read,.connect-read,.debug-read,.prompt{position:relative;z-index:1}.bars{display:flex;align-items:flex-end;gap:2px;width:16px;height:12px}.bars i{display:block;width:2px;height:100%;background:var(--muted);transform:scaleY(.2);transform-origin:center bottom;transition:transform .35s var(--ease),background-color .35s var(--ease),box-shadow .35s var(--ease)}.sound.is-on{color:var(--cyan)}.sound.is-on .bars i{background:var(--cyan);box-shadow:0 0 6px var(--cyan);transform:scaleY(.72);animation:meter .72s ease-in-out infinite alternate}.sound.is-on.is-hit .bars i{animation:none;transform:scaleY(1)}.sound.is-on .bars i:nth-child(1){animation-duration:.48s}.sound.is-on .bars i:nth-child(2){animation-duration:.86s;animation-delay:-.2s}.sound.is-on .bars i:nth-child(3){animation-duration:.4s;animation-delay:-.45s}.sound.is-on .bars i:nth-child(4){animation-duration:.68s;animation-delay:-.12s}.sound.is-on .bars i:nth-child(5){animation-duration:.58s;animation-delay:-.33s}.sound:not(.is-on){color:var(--muted);background:#b0e2ec47;box-shadow:none}.debug{--cut: 8px;position:relative;display:flex;align-items:flex-end;gap:.55rem;height:var(--dock-h);padding:.42rem .7rem .48rem .5rem;border:none;background:#b0e2ec47;color:var(--muted);font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;line-height:1;text-transform:uppercase;cursor:pointer;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}.debug:before{content:"";position:absolute;inset:1px;background:#03080cc7;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut) + .586px),calc(100% - var(--cut) + .586px) 100%,0 100%);pointer-events:none}.prompt,.mail,.enter-arrow{width:16px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}.prompt .caret{animation:caret 1.05s steps(1,end) infinite}.debug.is-on{color:var(--cyan);background:#3ef0ff80;box-shadow:0 0 16px #3ef0ff1f}@keyframes caret{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes meter{0%{transform:scaleY(.22)}to{transform:scaleY(1)}}.is-glitch{animation:glitch .42s steps(4,end)}.about{gap:.55rem;border:0;cursor:pointer}.about:after{content:"";position:relative;z-index:1;order:-1;width:9px;height:9px;flex:none;background:linear-gradient(currentColor,currentColor) center / 9px 1.6px no-repeat,linear-gradient(currentColor,currentColor) center / 1.6px 9px no-repeat;transition:transform .45s var(--ease)}.about-slot.is-open .about:after{transform:rotate(45deg)}.about-slot{position:relative}.about-drop{--cut: clamp(16px, 1.1vw, 22px);position:absolute;z-index:5;top:calc(100% + .45rem);right:0;width:min(300px,calc(100vw - var(--corner) * 2));margin:0;padding:clamp(1.15rem,1.8vw,1.85rem) clamp(1.25rem,2vw,2rem);background:#3ef0ff80;color:var(--ink);font-family:var(--mono);font-size:.72rem;font-weight:400;letter-spacing:.1em;line-height:1.7;text-align:left;text-transform:uppercase;text-shadow:1px 0 rgba(255,42,212,.65),-1px 0 rgba(62,240,255,.75);white-space:normal;container-type:inline-size;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);opacity:0;visibility:hidden;pointer-events:none}.about-drop:before{content:"";position:absolute;z-index:0;inset:1px;background:#03080cc7;pointer-events:none;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut) + .586px),calc(100% - var(--cut) + .586px) 100%,0 100%)}.about-portrait{position:relative;z-index:1;display:block;width:100%;height:220px;margin:0 0 .85rem}.about-drop span,.about-facts{position:relative;z-index:1}.about-facts{display:none;margin:.9rem 0 0}.about-slot.is-open .about-drop{opacity:1;visibility:visible;pointer-events:auto}@keyframes glitch{0%{transform:translate(-3px) skew(-8deg);text-shadow:3px 0 var(--magenta),-3px 0 var(--cyan);clip-path:inset(8% 0 62% 0)}25%{transform:translate(3px,1px);text-shadow:-4px 0 var(--cyan),2px 0 var(--magenta);clip-path:inset(42% 0 28% 0)}50%{transform:translate(-2px,-1px) skew(6deg);text-shadow:2px 0 var(--magenta),-2px 0 var(--cyan);clip-path:inset(68% 0 6% 0)}75%{transform:translate(2px);text-shadow:-3px 0 var(--cyan),4px 0 var(--magenta);clip-path:inset(18% 0 50% 0)}to{transform:none;text-shadow:none;clip-path:none}}@media(max-width:800px){:root{--corner: 1.15rem;--type: .92rem;--meta: clamp(.58rem, calc((100vw - 2 * var(--corner) - 2 * var(--copy-pad)) * .024), .78rem)}.boot-mark{padding-inline:1.15rem}.boot-name{white-space:nowrap;font-size:calc((100vw - 6.2rem) / 14.5);letter-spacing:.1em}.bar,.stage{grid-template-columns:1fr;gap:.7rem}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:.7rem;row-gap:.4rem;font-size:.5rem;letter-spacing:.06em}.bar>*{min-width:0;max-width:100%}.bar>:nth-child(2n){justify-self:end;text-align:right}.word{font-size:.64rem;letter-spacing:.08em}html,body{touch-action:none;overscroll-behavior:none}body{display:flex;flex-direction:column}.stage{grid-template-rows:auto 1fr;align-items:stretch;flex:1;min-height:0;height:auto}body:after{background:linear-gradient(180deg,#04060a66,#04060ae6 18%,#04060afa 32%,#04060a)}.index,.copy{grid-column:1}.copy,.copy.is-in,body.is-about .copy.is-in{position:fixed;top:auto;right:var(--corner);bottom:calc(var(--corner) + var(--dock-h) + .65rem);left:var(--corner);grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;width:auto;max-height:none;margin:0;transform:none}.copy.is-in{opacity:1;pointer-events:auto}body.is-about .copy,body.is-about .copy.is-in,body.is-about .sound,body.is-about .connect{opacity:0;pointer-events:none}.sound,.connect{transition:opacity .4s var(--ease)}.status,.place{display:none}.about-slot{display:contents}.about{margin-left:auto}.about-facts{display:block}.about-portrait{height:auto;aspect-ratio:1024 / 995}.about-drop{position:relative;top:auto;right:auto;flex:1 0 100%;width:100%;min-width:0;margin-top:.45rem;margin-bottom:.35rem;container-type:normal}.about-slot:not(.is-open) .about-drop{display:none}.index{position:relative;top:auto;bottom:auto;left:auto;grid-row:2;justify-content:flex-start;width:auto;height:auto;max-height:80dvh;margin-block:0;padding-block:1rem 4.2rem;pointer-events:auto;scroll-padding-block:1rem;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 .45rem,#000 100%);mask-image:linear-gradient(to bottom,transparent,#000 .45rem,#000 100%)}.index ol{margin-block:0}.index a,.index button{padding:.42rem 0}.index,.sys,.debug{display:none}body.is-booting:not(.is-revealing) .about{opacity:0;pointer-events:none}body.is-booting.is-revealing .about{opacity:1;transition:opacity 1.2s var(--ease)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.boot{display:none}body.is-booting .frame{visibility:visible}}@keyframes rise{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes pulse{0%{box-shadow:0 0 #39ffb0b3}70%{box-shadow:0 0 0 7px #39ffb000}to{box-shadow:0 0 #39ffb000}}