@layer quartz-base{@keyframes dropin{0%{opacity:0;visibility:hidden}1%{opacity:0}to{opacity:1;visibility:visible}}.popover{z-index:999;will-change:transform;padding:1rem;position:fixed;top:0;left:0;overflow:visible}.popover>.popover-inner{width:30rem;max-height:20rem;font-weight:initial;font-style:initial;line-height:normal;font-size:initial;font-family:var(--bodyFont);border:1px solid var(--lightgray);background-color:var(--light);overscroll-behavior:contain;white-space:normal;-webkit-user-select:none;user-select:none;cursor:default;border-radius:5px;padding:0 1rem 1rem;position:relative;overflow:auto;box-shadow:6px 6px 36px #00000040}.popover>.popover-inner[data-content-type][data-content-type*=pdf],.popover>.popover-inner[data-content-type][data-content-type*=image]{max-height:100%;padding:0}.popover>.popover-inner[data-content-type][data-content-type*=image] img{border-radius:0;margin:0;display:block}.popover>.popover-inner[data-content-type][data-content-type*=pdf] iframe{width:100%}.popover h1{font-size:1.5rem}.popover{visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}@media (max-width:800px){.popover{display:none!important}}.active-popover,.popover:hover{animation:.3s .2s forwards dropin}code[data-theme*=\ ]{color:var(--shiki-light);background-color:var(--shiki-light-bg)}code[data-theme*=\ ] span{color:var(--shiki-light)}[saved-theme=dark] code[data-theme*=\ ]{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}[saved-theme=dark] code[data-theme*=\ ] span{color:var(--shiki-dark)}.callout{border:1px solid var(--border);background-color:var(--bg);box-sizing:border-box;border-radius:5px;padding:0 1rem;overflow-y:hidden}.callout>.callout-content{transition:grid-template-rows .1s cubic-bezier(.02,.01,.47,1);display:grid;overflow:hidden}.callout>.callout-content>:first-child{margin-top:0}.callout{--callout-icon-note:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"2\" x2=\"22\" y2=\"6\"></line><path d=\"M7.5 20.5 19 9l-4-4L3.5 16.5 2 22z\"></path></svg>");--callout-icon-abstract:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"8\" y=\"2\" width=\"8\" height=\"4\" rx=\"1\" ry=\"1\"></rect><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"></path><path d=\"M12 11h4\"></path><path d=\"M12 16h4\"></path><path d=\"M8 11h.01\"></path><path d=\"M8 16h.01\"></path></svg>");--callout-icon-info:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"></line><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"></line></svg>");--callout-icon-todo:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z\"></path><path d=\"m9 12 2 2 4-4\"></path></svg>");--callout-icon-tip:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z\"></path></svg> ");--callout-icon-success:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg> ");--callout-icon-question:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"></circle><path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"></path><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg> ");--callout-icon-warning:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z\"></path><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"></line><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"></line></svg>");--callout-icon-failure:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg> ");--callout-icon-danger:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"></polygon></svg> ");--callout-icon-bug:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect width=\"8\" height=\"14\" x=\"8\" y=\"6\" rx=\"4\"></rect><path d=\"m19 7-3 2\"></path><path d=\"m5 7 3 2\"></path><path d=\"m19 19-3-2\"></path><path d=\"m5 19 3-2\"></path><path d=\"M20 13h-4\"></path><path d=\"M4 13h4\"></path><path d=\"m10 4 1 2\"></path><path d=\"m14 4-1 2\"></path></svg>");--callout-icon-example:url("data:image/svg+xml; utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"></line><line x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"></line><line x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"></line><line x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"></line><line x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"></line><line x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"></line></svg> ");--callout-icon-quote:url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"></path><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"></path></svg>");--callout-icon-fold:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"%3E%3Cpolyline points=\"6 9 12 15 18 9\"%3E%3C/polyline%3E%3C/svg%3E")}.callout[data-callout]{--color:#448aff;--border:#448aff44;--bg:#448aff10;--callout-icon:var(--callout-icon-note)}.callout[data-callout=abstract]{--color:#00b0ff;--border:#00b0ff44;--bg:#00b0ff10;--callout-icon:var(--callout-icon-abstract)}.callout[data-callout=info],.callout[data-callout=todo]{--color:#00b8d4;--border:#00b8d444;--bg:#00b8d410;--callout-icon:var(--callout-icon-info)}.callout[data-callout=todo]{--callout-icon:var(--callout-icon-todo)}.callout[data-callout=tip]{--color:#00bfa5;--border:#00bfa544;--bg:#00bfa510;--callout-icon:var(--callout-icon-tip)}.callout[data-callout=success]{--color:#09ad7a;--border:#09ad7144;--bg:#09ad7110;--callout-icon:var(--callout-icon-success)}.callout[data-callout=question]{--color:#dba642;--border:#dba64244;--bg:#dba64210;--callout-icon:var(--callout-icon-question)}.callout[data-callout=warning]{--color:#db8942;--border:#db894244;--bg:#db894210;--callout-icon:var(--callout-icon-warning)}.callout[data-callout=failure],.callout[data-callout=danger],.callout[data-callout=bug]{--color:#db4242;--border:#db424244;--bg:#db424210;--callout-icon:var(--callout-icon-failure)}.callout[data-callout=bug]{--callout-icon:var(--callout-icon-bug)}.callout[data-callout=danger]{--callout-icon:var(--callout-icon-danger)}.callout[data-callout=example]{--color:#7a43b5;--border:#7a43b544;--bg:#7a43b510;--callout-icon:var(--callout-icon-example)}.callout[data-callout=quote]{--color:var(--secondary);--border:var(--lightgray);--callout-icon:var(--callout-icon-quote)}.callout.is-collapsed>.callout-title>.fold-callout-icon{transform:rotate(-90deg)}.callout.is-collapsed .callout-content>*{height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;transition:height .1s cubic-bezier(.02,.01,.47,1),margin .1s cubic-bezier(.02,.01,.47,1),padding .1s cubic-bezier(.02,.01,.47,1);overflow-y:clip}.callout.is-collapsed .callout-content>:first-child{margin-top:-1rem}.callout-title{color:var(--color);--icon-size:18px;align-items:flex-start;gap:5px;padding:1rem 0;display:flex}.callout-title .fold-callout-icon{opacity:.8;cursor:pointer;--callout-icon:var(--callout-icon-fold);transition:transform .15s}.callout-title>.callout-title-inner>p{color:var(--color);margin:0}.callout-title .callout-icon,.callout-title .fold-callout-icon{width:var(--icon-size);height:var(--icon-size);flex:0 0 var(--icon-size);background-size:var(--icon-size) var(--icon-size);background-position:50%;background-color:var(--color);-webkit-mask-image:var(--callout-icon);mask-image:var(--callout-icon);-webkit-mask-size:var(--icon-size) var(--icon-size);mask-size:var(--icon-size) var(--icon-size);padding:.2rem 0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.callout-title .callout-title-inner{font-weight:600}html{scroll-behavior:smooth;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;width:100vw;overflow-x:hidden}@media (max-width:800px){html{scroll-padding-top:4rem}}body{box-sizing:border-box;background-color:var(--light);font-family:var(--bodyFont);color:var(--darkgray);margin:0}.text-highlight{background-color:var(--textHighlight);border-radius:5px;padding:0 .1rem}::selection{background:color-mix(in srgb, var(--tertiary) 60%, #fff0);color:var(--darkgray)}p,ul,text,a,tr,td,li,ol,ul,.katex,.math,.typst-doc,g[class~=typst-text]{color:var(--darkgray);fill:var(--darkgray);overflow-wrap:break-word;text-wrap:pretty}path[class~=typst-shape]{stroke:var(--darkgray)}.math.math-display{text-align:center}article>mjx-container.MathJax,article blockquote>div>mjx-container.MathJax{display:flex}article>mjx-container.MathJax>svg,article blockquote>div>mjx-container.MathJax>svg{margin-left:auto;margin-right:auto}article blockquote>div>mjx-container.MathJax>svg{margin-top:1rem;margin-bottom:1rem}strong{font-weight:600}a{color:var(--secondary);font-weight:600;text-decoration:none;transition:color .2s}a:hover{color:var(--tertiary)}a.internal{background-color:var(--highlight);border-radius:5px;padding:0 .1rem;line-height:1.4rem;text-decoration:none}a.internal.broken{color:var(--secondary);opacity:.5;transition:opacity .2s}a.internal.broken:hover{opacity:.8}a.internal:has(>img){background-color:#0000;border-radius:0;padding:0}a.internal.tag-link:before{content:"#"}a.external .external-icon{height:1ex;margin:0 .15em}a.external .external-icon>path{fill:var(--dark)}.flex-component{display:flex}.desktop-only{display:contents}.desktop-only.flex-component{display:flex}@media (max-width:800px){.desktop-only.flex-component,.desktop-only{display:none}}.mobile-only,.mobile-only.flex-component{display:none}@media (max-width:800px){.mobile-only.flex-component{display:flex}.mobile-only{display:contents}}.page{max-width:1500px;margin:0 auto}.page article>h1{font-size:2rem}.page article li:has(>input[type=checkbox]){padding-left:0;list-style-type:none}.page article li:has(>input[type=checkbox]:checked){text-decoration:line-through;-webkit-text-decoration-color:var(--gray);text-decoration-color:var(--gray);color:var(--gray)}.page article li>*{margin-top:0;margin-bottom:0}.page article p>strong{color:var(--dark)}.page>#quartz-body{grid-template:"grid-sidebar-left grid-header grid-sidebar-right""grid-sidebar-left grid-center grid-sidebar-right""grid-sidebar-left grid-footer grid-sidebar-right"/320px auto 320px;gap:5px;display:grid}@media (min-width:800px) and (max-width:1200px){.page>#quartz-body{grid-template:"grid-sidebar-left grid-header""grid-sidebar-left grid-center""grid-sidebar-left grid-sidebar-right""grid-sidebar-left grid-footer"/320px auto;gap:5px}}@media (max-width:800px){.page>#quartz-body{grid-template:"grid-sidebar-left""grid-header""grid-center""grid-sidebar-right""grid-footer"/auto;gap:5px}}@media not (min-width:1200px){.page>#quartz-body{padding:0 1rem}}@media (max-width:800px){.page>#quartz-body{margin:0 auto}}.page>#quartz-body .sidebar{box-sizing:border-box;gap:1.2rem;height:100vh;padding:6rem 2rem 2rem;display:flex;position:sticky;top:0}.page>#quartz-body .sidebar.left{z-index:1;flex-direction:column;grid-area:grid-sidebar-left}@media (max-width:800px){.page>#quartz-body .sidebar.left{position:initial;height:unset;flex-direction:row;align-items:center;gap:0;padding:2rem 0 0;display:flex}}.page>#quartz-body .sidebar.right{flex-direction:column;grid-area:grid-sidebar-right;margin-right:0}@media (max-width:800px){.page>#quartz-body .sidebar.right{margin-left:inherit;margin-right:inherit}}@media not (min-width:1200px){.page>#quartz-body .sidebar.right{position:initial;height:unset;flex-direction:row;width:100%;padding:0}.page>#quartz-body .sidebar.right>*{flex:1;max-height:24rem}.page>#quartz-body .sidebar.right>.toc{display:none}}.page>#quartz-body .page-header,.page>#quartz-body .page-footer{margin-top:1rem}.page>#quartz-body .page-header{grid-area:grid-header;margin:6rem 0 0}@media (max-width:800px){.page>#quartz-body .page-header{margin-top:0;padding:0}}.page>#quartz-body .center>article{grid-area:grid-center}.page>#quartz-body footer{grid-area:grid-footer}.page>#quartz-body .center,.page>#quartz-body footer{min-width:100%;max-width:100%;margin-left:auto;margin-right:auto}@media (min-width:800px) and (max-width:1200px){.page>#quartz-body .center,.page>#quartz-body footer{margin-right:0}}@media (max-width:800px){.page>#quartz-body .center,.page>#quartz-body footer{margin-left:0;margin-right:0}}.page>#quartz-body footer{margin-left:0}.page[data-frame=full-width]>#quartz-body{grid-template:"grid-header""grid-center""grid-footer"/auto}@media (min-width:800px) and (max-width:1200px){.page[data-frame=full-width]>#quartz-body{grid-template-columns:auto}}.page[data-frame=full-width]>#quartz-body .center.full-width{min-width:100%;max-width:100%}.page[data-frame=minimal]>#quartz-body{grid-template:"grid-center""grid-footer"/auto}@media (min-width:800px) and (max-width:1200px){.page[data-frame=minimal]>#quartz-body{grid-template-columns:auto}}.page[data-frame=minimal]>#quartz-body .center.minimal{min-width:100%;max-width:100%;margin:0}.footnotes{border-top:1px solid var(--lightgray);margin-top:2rem}input[type=checkbox]{color:var(--secondary);border:1px solid var(--lightgray);background-color:var(--light);appearance:none;border-radius:3px;width:16px;height:16px;margin-inline:-1.4rem .2rem;position:relative;transform:translateY(2px)}input[type=checkbox]:checked{border-color:var(--secondary);background-color:var(--secondary)}input[type=checkbox]:checked:after{content:"";border:solid var(--light);border-width:0 2px 2px 0;width:4px;height:8px;display:block;position:absolute;top:1px;left:4px;transform:rotate(45deg)}blockquote{border-left:3px solid var(--secondary);margin:1rem 0;padding-left:1rem;transition:border-color .2s}h1,h2,h3,h4,h5,h6,thead{font-family:var(--headerFont);color:var(--dark);font-weight:revert;margin-bottom:0}article>h1>a[role=anchor],article>h2>a[role=anchor],article>h3>a[role=anchor],article>h4>a[role=anchor],article>h5>a[role=anchor],article>h6>a[role=anchor],article>thead>a[role=anchor]{color:var(--dark);background-color:#0000}h1[id]>a[href^=\#],h2[id]>a[href^=\#],h3[id]>a[href^=\#],h4[id]>a[href^=\#],h5[id]>a[href^=\#],h6[id]>a[href^=\#]{opacity:0;font-family:var(--codeFont);-webkit-user-select:none;user-select:none;margin:0 .5rem;transition:opacity .2s;transform:translateY(-.1rem)}h1[id]:hover>a,h2[id]:hover>a,h3[id]:hover>a,h4[id]:hover>a,h5[id]:hover>a,h6[id]:hover>a{opacity:1}h1:not([id])>a[role=anchor],h2:not([id])>a[role=anchor],h3:not([id])>a[role=anchor],h4:not([id])>a[role=anchor],h5:not([id])>a[role=anchor],h6:not([id])>a[role=anchor]{display:none}h1{margin-top:2.25rem;margin-bottom:1rem;font-size:1.75rem}h2{margin-top:1.9rem;margin-bottom:1rem;font-size:1.4rem}h3{margin-top:1.62rem;margin-bottom:1rem;font-size:1.12rem}h4,h5,h6{margin-top:1.5rem;margin-bottom:1rem;font-size:1rem}figure[data-rehype-pretty-code-figure]{margin:0;line-height:1.6rem;position:relative}figure[data-rehype-pretty-code-figure]>[data-rehype-pretty-code-title]{font-family:var(--codeFont);border:1px solid var(--lightgray);width:fit-content;color:var(--darkgray);border-radius:5px;margin-bottom:-.5rem;padding:.1rem .5rem;font-size:.9rem}figure[data-rehype-pretty-code-figure]>pre{padding:0}pre{font-family:var(--codeFont);border:1px solid var(--lightgray);border-radius:5px;padding:0 .5rem;position:relative;overflow-x:auto}pre:has(>code.mermaid){border:none}pre>code{counter-reset:line;counter-increment:line 0;background:0 0;padding:.5rem 0;font-size:.85rem;display:grid;overflow-x:auto}pre>code [data-highlighted-chars]{background-color:var(--highlight);border-radius:5px}pre>code>[data-line]{box-sizing:border-box;border-left:3px solid #0000;padding:0 .25rem}pre>code>[data-line][data-highlighted-line]{background-color:var(--highlight);border-left:3px solid var(--secondary)}pre>code>[data-line]:before{content:counter(line);counter-increment:line;text-align:right;color:#738a9499;width:1rem;margin-right:1rem;display:inline-block}pre>code[data-line-numbers-max-digits="2"]>[data-line]:before{width:2rem}pre>code[data-line-numbers-max-digits="3"]>[data-line]:before{width:3rem}code{color:var(--dark);font-size:.9em;font-family:var(--codeFont);background:var(--lightgray);border-radius:5px;padding:.1rem .2rem}tbody,li,p{line-height:1.6rem}.table-container{overflow-x:auto}.table-container>table{border-collapse:collapse;margin:1rem;padding:1.5rem}.table-container>table th,.table-container>table td{min-width:75px}.table-container>table>*{line-height:2rem}th{text-align:left;border-bottom:2px solid var(--gray);padding:.4rem .7rem}td{padding:.2rem .7rem}tr{border-bottom:1px solid var(--lightgray)}tr:last-child{border-bottom:none}img{content-visibility:auto;border-radius:5px;max-width:100%;margin:1rem 0}p>img+em{display:block;transform:translateY(-1rem)}hr{background-color:var(--lightgray);border:none;width:100%;height:1px;margin:2rem auto}audio,video{border-radius:5px;width:100%}.spacer{flex:2 auto}div:has(>.overflow){max-height:100%;overflow-y:hidden}ul.overflow,ol.overflow{content:"";clear:both;width:100%;max-height:100%;margin-bottom:0;overflow-y:auto}ul.overflow>li.overflow-end,ol.overflow>li.overflow-end{height:.5rem;margin:0}ul.overflow.gradient-active,ol.overflow.gradient-active{-webkit-mask-image:linear-gradient(#000 calc(100% - 50px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 50px),#0000 100%)}.transclude ul{padding-left:1rem}.katex-display{display:initial;overflow:auto hidden}.external-embed.youtube,iframe.pdf{aspect-ratio:16/9;border-radius:5px;width:100%;height:100%}.navigation-progress{background:var(--secondary);z-index:9999;width:0;height:3px;transition:width .2s;position:fixed;top:0;left:0}:root{--light:#faf8f8;--lightgray:#e5e5e5;--gray:#b8b8b8;--darkgray:#4e4e4e;--dark:#2b2b2b;--secondary:#284b63;--tertiary:#84a59d;--highlight:#8f9fa926;--textHighlight:#fff23688;--titleFont:"Noto Sans SC", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--headerFont:"Noto Sans SC", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--bodyFont:"Noto Sans SC", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--codeFont:"IBM Plex Mono", ui-monospace, SFMono-Regular, SF Mono, Menlo, monospace}:root[saved-theme=dark]{--light:#0a0a0a;--lightgray:#393639;--gray:#646464;--darkgray:#d4d4d4;--dark:#ebebec;--secondary:#7b97aa;--tertiary:#84a59d;--highlight:#8f9fa926;--textHighlight:#b3aa0288}:root{--background-primary:var(--light);--background-primary-alt:var(--light);--background-secondary:var(--lightgray);--background-secondary-alt:var(--lightgray);--background-modifier-border:var(--lightgray);--background-modifier-border-hover:var(--gray);--background-modifier-border-focus:var(--secondary);--text-normal:var(--darkgray);--text-muted:var(--gray);--text-faint:var(--gray);--text-accent:var(--secondary);--text-accent-hover:var(--tertiary);--text-on-accent:var(--light);--text-on-accent-inverted:var(--dark);--text-highlight-bg:var(--textHighlight);--interactive-normal:var(--light);--interactive-hover:var(--lightgray);--interactive-accent:var(--secondary);--interactive-accent-hover:var(--tertiary);--color-base-00:var(--light);--color-base-05:var(--light);--color-base-10:var(--light);--color-base-20:var(--lightgray);--color-base-25:var(--lightgray);--color-base-30:var(--lightgray);--color-base-35:var(--lightgray);--color-base-40:var(--gray);--color-base-50:var(--gray);--color-base-60:var(--gray);--color-base-70:var(--darkgray);--color-base-100:var(--dark);--font-text:var(--bodyFont);--font-monospace:var(--codeFont);--font-interface:var(--bodyFont);--nav-item-color:var(--darkgray);--nav-item-color-hover:var(--dark);--nav-item-color-active:var(--secondary);--nav-item-background-hover:var(--lightgray);--nav-item-background-active:var(--highlight);--tag-background:var(--highlight);--tag-color:var(--secondary);--tag-background-hover:var(--lightgray);--icon-color:var(--darkgray);--icon-color-hover:var(--dark);--icon-color-active:var(--secondary);--divider-color:var(--lightgray);--link-color:var(--secondary);--link-color-hover:var(--tertiary);--accent-h:204;--accent-s:42%;--accent-l:27%}:root[saved-theme=dark]{--background-primary:var(--light);--background-primary-alt:var(--light);--background-secondary:var(--lightgray);--background-secondary-alt:var(--lightgray);--background-modifier-border:var(--lightgray);--background-modifier-border-hover:var(--gray);--background-modifier-border-focus:var(--secondary);--text-normal:var(--darkgray);--text-muted:var(--gray);--text-faint:var(--gray);--text-accent:var(--secondary);--text-accent-hover:var(--tertiary);--text-on-accent:var(--light);--text-on-accent-inverted:var(--dark);--text-highlight-bg:var(--textHighlight);--interactive-normal:var(--light);--interactive-hover:var(--lightgray);--interactive-accent:var(--secondary);--interactive-accent-hover:var(--tertiary);--color-base-00:var(--light);--color-base-05:var(--light);--color-base-10:var(--light);--color-base-20:var(--lightgray);--color-base-25:var(--lightgray);--color-base-30:var(--lightgray);--color-base-35:var(--lightgray);--color-base-40:var(--gray);--color-base-50:var(--gray);--color-base-60:var(--gray);--color-base-70:var(--darkgray);--color-base-100:var(--dark);--font-text:var(--bodyFont);--font-monospace:var(--codeFont);--font-interface:var(--bodyFont);--nav-item-color:var(--darkgray);--nav-item-color-hover:var(--dark);--nav-item-color-active:var(--secondary);--nav-item-background-hover:var(--lightgray);--nav-item-background-active:var(--highlight);--tag-background:var(--highlight);--tag-color:var(--secondary);--tag-background-hover:var(--lightgray);--icon-color:var(--darkgray);--icon-color-hover:var(--dark);--icon-color-active:var(--secondary);--divider-color:var(--lightgray);--link-color:var(--secondary);--link-color-hover:var(--tertiary);--accent-h:204;--accent-s:22%;--accent-l:57%}}:root{--light:#0a0a0a}body{background-color:#0a0a0a!important;background-image:radial-gradient(circle at 50% 0,#4d5bce14 0%,#0a0a0a00 70%)!important;background-attachment:fixed!important}body:before{content:"";z-index:9999;pointer-events:none;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}body[data-slug=index]:before{display:none!important}html:has(body[data-slug=index]){-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}@font-face{font-family:Fira Code;src:url(./static/FiraCode-Light.woff)format("woff"),url(/wiki/static/FiraCode-Light.woff)format("woff");font-weight:300;font-style:normal}body[data-slug=index] *,body[data-slug=index] :before,body[data-slug=index] :after{box-sizing:border-box!important}body[data-slug=index]{--ub-yellow:#fefae0;--ub-yellow-dim:#dcd8be;--ub-black:#0a0a0a;--ub-black-soft:#121318;--ub-black-card:#141721;--ub-border:#fefae01a;--ub-border-hover:#43d9ad66;--ub-cyan:#43d9ad;--ub-indigo:#4d5bce;--ub-amber:#fea55f;--ub-gray:#607b96;--ub-font-main:"Space Grotesk", "Noto Sans SC", sans-serif;--ub-font-mono:"Fira Code", "Space Mono", "IBM Plex Mono", monospace;--ub-font-hud:"Orbitron", "Noto Sans SC", "Space Mono", monospace;--ub-space-section-y:140px;--ub-space-section-x:48px;--ub-radius-card:14px;--ub-radius-card-sm:12px;--ub-radius-btn:6px;--ub-warp-blur:87px;cursor:none;background:var(--ub-black)!important;color:var(--ub-yellow)!important;font-family:var(--ub-font-main)!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}body[data-slug=index] .left.sidebar,body[data-slug=index] .right.sidebar{display:none!important}body[data-slug=index] .page,body[data-slug=index] #quartz-root{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body[data-slug=index] #quartz-body{box-sizing:border-box!important;grid-template:"grid-header""grid-center""grid-footer"/1fr!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:grid!important}body[data-slug=index] .center{box-sizing:border-box!important;grid-area:grid-center!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body[data-slug=index] .article-title,body[data-slug=index] .note-properties,body[data-slug=index] .metadata-container,body[data-slug=index] .content-meta,body[data-slug=index] .tag-list,body[data-slug=index] .tags,body[data-slug=index] .page-header,body[data-slug=index] .breadcrumb-container{display:none!important}body[data-slug=index] a[role=anchor],body[data-slug=index] a[role=anchor] svg{opacity:0!important;pointer-events:none!important;visibility:hidden!important;width:0!important;height:0!important;max-height:0!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;display:none!important;position:absolute!important}body[data-slug=index] div.popover{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body[data-slug=index] article.popover-hint,body[data-slug=index] .markdown-preview-view{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}body[data-slug=index] .noise{z-index:9999;pointer-events:none;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}body[data-slug=index] .progress-bar{background:linear-gradient(90deg, var(--ub-indigo), var(--ub-cyan), var(--ub-amber));z-index:10001;width:0%;height:3px;transition:width 50ms linear;position:fixed;top:0;left:0;box-shadow:0 0 12px #43d9ad80}body[data-slug=index] #ub-cursor{background:var(--ub-yellow);pointer-events:none;z-index:10000;opacity:0;mix-blend-mode:difference;border-radius:50%;width:8px;height:8px;transition:width .15s,height .15s,opacity .3s;position:fixed;transform:translate(-50%,-50%)}body[data-slug=index] #ub-cursorFollower{border:1px solid var(--ub-yellow);pointer-events:none;z-index:10000;opacity:0;mix-blend-mode:difference;border-radius:50%;width:36px;height:36px;transition:width .25s cubic-bezier(.16,1,.3,1),height .25s cubic-bezier(.16,1,.3,1),border-color .25s,opacity .3s;position:fixed;transform:translate(-50%,-50%)}body[data-slug=index] .ub-nav{z-index:10002;box-sizing:border-box;-webkit-backdrop-filter:blur(32px)saturate(210%)brightness(115%)contrast(108%);background:radial-gradient(120% 180% at 50% -20%,#ffffff2e 0%,#ffffff0d 45%,#ffffff03 70%,#0a0c1266 100%),#0a0c1266;border:1px solid #ffffff2e;border-radius:9999px;justify-content:space-between;align-items:center;width:calc(100% - 48px);max-width:1200px;margin:0 auto;padding:12px 32px;transition:top .35s cubic-bezier(.16,1,.3,1),padding .35s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s,box-shadow .35s;display:flex;position:fixed;top:16px;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,inset 0 2px 10px #ffffff2e,inset 0 0 30px #ffffff0a,inset 0 -1px #ffffff26,0 10px 24px -6px #00000080,0 28px 64px -12px #000c,0 0 28px -2px #43d9ad2e}body[data-slug=index] .ub-nav:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff42 0%,#ffffff14 45%,#fff0 100%);border-radius:9999px 9999px 40px 40px;height:54%;position:absolute;inset:1px 2px auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000c 12%,#000 50%,#000c 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000c 12%,#000 50%,#000c 88%,#0000 100%)}body[data-slug=index] .ub-nav:after{content:"";filter:blur(.3px);pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000 0%,#ffffff47 25%,#43d9ad66 50%,#ffffff47 75%,#0000 100%);height:1px;position:absolute;inset:auto 15% 1px}body[data-slug=index] .ub-nav>*{z-index:1;position:relative}body[data-slug=index] .ub-nav.scrolled{background:radial-gradient(120% 180% at 50% -20%,#fff3 0%,#ffffff0f 45%,#0a0c12a6 100%),#0a0c12b8;border-color:#43d9ad61;padding:10px 32px;top:12px;box-shadow:inset 0 1px #ffffffbf,inset 0 2px 12px #ffffff38,inset 0 -1px #43d9ad40,0 14px 32px -6px #0009,0 32px 72px -12px #000000d9,0 0 32px #43d9ad3d}body[data-slug=index] .ub-nav-logo{font-family:var(--ub-font-hud);letter-spacing:.25em;color:var(--ub-yellow);align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}body[data-slug=index] .ub-logo-bracket{color:var(--ub-cyan);opacity:.8}body[data-slug=index] .ub-nav-status{font-family:var(--ub-font-mono);letter-spacing:.15em;color:var(--ub-cyan);background:#43d9ad14;border:1px solid #43d9ad40;border-radius:12px;align-items:center;gap:6px;padding:2px 8px;font-size:9px;display:inline-flex}body[data-slug=index] .ub-status-dot{background:var(--ub-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--ub-cyan);border-radius:50%;animation:1.8s ease-in-out infinite ub-pulse}body[data-slug=index] .ub-nav-links{white-space:nowrap;align-items:center;gap:clamp(14px,1.8vw,28px);display:flex}body[data-slug=index] .ub-nav-links a{font-family:var(--ub-font-hud);letter-spacing:.15em;text-transform:uppercase;color:var(--ub-yellow);opacity:.5;cursor:none;font-size:11px;font-weight:500;transition:opacity .25s,color .25s;position:relative;text-decoration:none!important}body[data-slug=index] .ub-nav-links a:after{content:"";background:var(--ub-cyan);width:0;height:1.5px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0}body[data-slug=index] .ub-nav-links a:hover,body[data-slug=index] .ub-nav-links a.active{opacity:1;color:var(--ub-yellow);text-shadow:0 0 8px #fefae066,0 0 16px #43d9ad4d}body[data-slug=index] .ub-nav-links a:hover:after,body[data-slug=index] .ub-nav-links a.active:after{width:100%}body[data-slug=index] .ub-hero{box-sizing:border-box;background:radial-gradient(ellipse at 50% 40%, #4d5bce14 0%, transparent 70%), radial-gradient(ellipse at 80% 80%, #43d9ad0d 0%, transparent 60%), var(--ub-black);justify-content:center;align-items:center;height:100dvh;min-height:740px;padding:0 48px;display:flex;position:relative;overflow:hidden}body[data-slug=index] .ub-hero #ub-particleCanvas{width:100%;height:100%;position:absolute;inset:0}body[data-slug=index] .ub-hud-corner{z-index:3;pointer-events:none;border-style:solid;border-color:#fefae026;width:32px;height:32px;position:absolute}body[data-slug=index] .ub-hud-tl{border-width:2px 0 0 2px;top:24px;left:24px}body[data-slug=index] .ub-hud-tr{border-width:2px 2px 0 0;top:24px;right:24px}body[data-slug=index] .ub-hud-bl{border-width:0 0 2px 2px;bottom:24px;left:24px}body[data-slug=index] .ub-hud-br{border-width:0 2px 2px 0;bottom:24px;right:24px}body[data-slug=index] .ub-hero-slash{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#fefae014,#0000);width:200%;height:1.5px;position:absolute}body[data-slug=index] .ub-hero-slash-1{top:28%;left:-50%;transform:rotate(-14deg)}body[data-slug=index] .ub-hero-slash-2{bottom:24%;left:-50%;transform:rotate(11deg)}body[data-slug=index] .ub-hero-content{z-index:2;text-align:center;box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;position:relative;padding:0!important}body[data-slug=index] .ub-hero-ticker{font-family:var(--ub-font-mono);letter-spacing:.1em;color:var(--ub-gray);border:1px solid var(--ub-border);background:#121318bf;border-radius:20px;align-items:center;gap:12px;margin-bottom:24px;padding:6px 16px;font-size:11px;animation:1s .1s both ub-fadeUp;display:inline-flex}body[data-slug=index] .ub-ticker-badge{color:var(--ub-cyan);font-weight:600}body[data-slug=index] .ub-ticker-sep{opacity:.3}body[data-slug=index] .ub-hero-tag{font-family:var(--ub-font-hud);letter-spacing:.25em;text-transform:uppercase;color:var(--ub-yellow);opacity:.6;margin-bottom:20px;font-size:11px;animation:1s .25s both ub-fadeUp}body[data-slug=index] .ub-tag-bracket{color:var(--ub-amber);opacity:.8}body[data-slug=index] .ub-hero-name{letter-spacing:-.04em;color:var(--ub-yellow);font-size:clamp(52px,9vw,130px);font-weight:700;line-height:1;border:none!important;margin:0 0 16px!important;padding:0!important}body[data-slug=index] .ub-line-wrap{display:block;overflow:visible}body[data-slug=index] .ub-reveal-line{transition:text-shadow .2s;animation:.9s cubic-bezier(.16,1,.3,1) .35s both ub-slideUp;display:block}body[data-slug=index] .ub-hero-sub{font-family:var(--ub-font-main);letter-spacing:.04em;color:var(--ub-yellow-dim);max-width:680px;margin:0 auto 32px;font-size:clamp(14px,1.8vw,18px);font-weight:300;line-height:1.6;animation:1s .65s both ub-fadeUp}body[data-slug=index] .ub-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;animation:1s .85s both ub-fadeUp;display:flex}body[data-slug=index] .ub-btn{font-family:var(--ub-font-hud);letter-spacing:.12em;text-transform:uppercase;text-align:center;cursor:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:11px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-sizing:border-box!important;text-decoration:none!important}body[data-slug=index] .ub-btn--primary{background:var(--ub-yellow);border:1px solid var(--ub-yellow);font-weight:700;box-shadow:0 4px 20px #fefae033;color:var(--ub-black)!important}body[data-slug=index] .ub-btn--primary:hover{background:var(--ub-cyan);border-color:var(--ub-cyan);transform:translateY(-2px);box-shadow:0 6px 24px #43d9ad59}body[data-slug=index] .ub-btn--outline{border:1px solid var(--ub-border);background:#fefae00a;color:var(--ub-yellow)!important}body[data-slug=index] .ub-btn--outline:hover{border-color:var(--ub-cyan);background:#43d9ad14;transform:translateY(-2px);color:var(--ub-cyan)!important}body[data-slug=index] .ub-btn--ghost{font-family:var(--ub-font-mono);background:0 0;border:1px solid #0000;color:var(--ub-gray)!important}body[data-slug=index] .ub-btn--ghost:hover{border-color:var(--ub-border);color:var(--ub-yellow)!important}body[data-slug=index] .ub-marquee-strip{background:var(--ub-black);border-top:1px solid var(--ub-border);border-bottom:1px solid var(--ub-border);white-space:nowrap;padding:14px 0;overflow:hidden}body[data-slug=index] .ub-marquee-inner{font-family:var(--ub-font-hud);letter-spacing:.25em;text-transform:uppercase;color:var(--ub-yellow);opacity:.3;will-change:transform;backface-visibility:hidden;font-size:11px;animation:32s linear infinite ub-marquee;display:inline-block;transform:translate(0,0)}body[data-slug=index] .ub-container{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:0!important}body[data-slug=index] .ub-about,body[data-slug=index] .ub-quests,body[data-slug=index] .ub-builds,body[data-slug=index] .ub-knowledge,body[data-slug=index] .ub-stats,body[data-slug=index] .ub-terminal-section,body[data-slug=index] .ub-arcade-section{padding:var(--ub-space-section-y) var(--ub-space-section-x);box-sizing:border-box;width:100%}body[data-slug=index] .ub-section-label{font-family:var(--ub-font-hud);letter-spacing:.35em;text-transform:uppercase;color:var(--ub-cyan);align-items:center;gap:14px;margin-bottom:36px;font-size:10px;display:flex}body[data-slug=index] .ub-label-num{width:26px;height:26px;color:var(--ub-cyan);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);background:#43d9ad14;border:1px solid #43d9ad66;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}body[data-slug=index] .ub-section-title{letter-spacing:-.03em;color:var(--ub-yellow);font-size:clamp(36px,5.5vw,76px);font-weight:700;line-height:1.05;border:none!important;margin-bottom:56px!important;padding:0!important}body[data-slug=index] .ub-about-grid{grid-template-columns:1.1fr 1fr;align-items:start;gap:72px;display:grid}body[data-slug=index] .ub-char-stats{flex-direction:column;gap:22px;display:flex}body[data-slug=index] .ub-char-stat-row{flex-direction:column;gap:8px;display:flex}body[data-slug=index] .ub-stat-head{justify-content:space-between;align-items:center;display:flex}body[data-slug=index] .ub-char-stat-name{font-family:var(--ub-font-hud);letter-spacing:.15em;text-transform:uppercase;color:var(--ub-yellow-dim);opacity:.7;font-size:10px}body[data-slug=index] .ub-stat-val{font-family:var(--ub-font-mono);color:var(--ub-cyan);font-size:11px;font-weight:600}body[data-slug=index] .ub-stat-bar{background:#fefae014;border-radius:2px;height:4px;overflow:hidden}body[data-slug=index] .ub-stat-bar-fill{background:linear-gradient(90deg, var(--ub-indigo), var(--ub-cyan));border-radius:2px;width:0%;height:100%;transition:width 1.3s cubic-bezier(.16,1,.3,1)}body[data-slug=index] .ub-about-text{color:var(--ub-yellow-dim);margin-bottom:20px;font-size:clamp(15px,1.5vw,17px);line-height:1.8}body[data-slug=index] .ub-about-text strong{color:var(--ub-yellow);font-weight:600}body[data-slug=index] .ub-about-badges{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}body[data-slug=index] .ub-about-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}body[data-slug=index] .ub-about-actions .ub-btn{padding:.5rem 1.1rem;font-size:.85rem}body[data-slug=index] .ub-badge{font-family:var(--ub-font-mono);color:#9aa5ff;background:#4d5bce1f;border:1px solid #4d5bce59;border-radius:4px;padding:4px 12px;font-size:11px}body[data-slug=index] .ub-timeline{margin-top:48px;padding-left:36px;position:relative}body[data-slug=index] .ub-timeline:before{content:"";background:linear-gradient(180deg, var(--ub-cyan), var(--ub-indigo), transparent);width:2px;position:absolute;top:10px;bottom:10px;left:11px}body[data-slug=index] .ub-timeline-item{padding-bottom:48px;position:relative}body[data-slug=index] .ub-timeline-item:last-child{padding-bottom:0}body[data-slug=index] .ub-timeline-node{background:var(--ub-black);border:2px solid var(--ub-cyan);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:2px;left:-36px;box-shadow:0 0 10px #43d9ad66}body[data-slug=index] .ub-node-icon{color:var(--ub-cyan);font-size:10px;font-weight:700}body[data-slug=index] .ub-timeline-meta{align-items:center;gap:12px;margin-bottom:8px;display:flex}body[data-slug=index] .ub-timeline-year{font-family:var(--ub-font-hud);color:var(--ub-amber);letter-spacing:.1em;font-size:13px;font-weight:700}body[data-slug=index] .ub-timeline-tag{font-family:var(--ub-font-mono);letter-spacing:.15em;color:var(--ub-gray);border:1px solid var(--ub-border);background:#fefae00d;border-radius:10px;padding:2px 8px;font-size:9px}body[data-slug=index] .ub-timeline-title{font-family:var(--ub-font-main);color:var(--ub-yellow);font-size:19px;font-weight:600;border:none!important;margin:0 0 8px!important}body[data-slug=index] .ub-timeline-desc{color:var(--ub-gray);max-width:800px;font-size:15px;line-height:1.7}body[data-slug=index] .ub-projects-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}body[data-slug=index] .ub-project-card{background:var(--ub-black-card);border:1px solid var(--ub-border);border-radius:var(--ub-radius-card);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}body[data-slug=index] .ub-project-card:after{content:"";border-radius:var(--ub-radius-card);pointer-events:none;border:1px solid #0000;transition:border-color .3s;position:absolute;inset:0}body[data-slug=index] .ub-project-card:hover{border-color:var(--ub-border-hover);box-shadow:0 16px 40px #0009,0 0 20px #43d9ad1a}body[data-slug=index] .ub-project-card:hover .ub-project-img{filter:grayscale(0%);transform:scale(1.04)}body[data-slug=index] .ub-project-card:hover .ub-project-ext{color:var(--ub-cyan);transform:translate(3px,-3px)}body[data-slug=index] .ub-project-img-wrap{background:#08080a;height:220px;position:relative;overflow:hidden}body[data-slug=index] .ub-project-img{object-fit:cover;filter:grayscale(15%)contrast(1.05);width:100%;height:100%;transition:transform .5s,filter .5s}body[data-slug=index] .ub-project-badge{font-family:var(--ub-font-hud);letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ub-cyan);background:#0a0a0ad9;border:1px solid #43d9ad66;border-radius:20px;padding:4px 10px;font-size:9px;position:absolute;top:14px;right:14px}body[data-slug=index] .ub-project-body{padding:28px}body[data-slug=index] .ub-project-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}body[data-slug=index] .ub-project-name{font-family:var(--ub-font-main);color:var(--ub-yellow);font-size:20px;font-weight:700;border:none!important;margin:0!important}body[data-slug=index] .ub-project-ext{font-family:var(--ub-font-hud);color:var(--ub-gray);cursor:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin:-12px;font-size:18px;transition:color .25s,transform .25s;display:inline-flex;text-decoration:none!important}body[data-slug=index] .ub-project-desc{color:var(--ub-gray);margin-bottom:20px;font-size:14px;line-height:1.7}body[data-slug=index] .ub-project-tags{flex-wrap:wrap;gap:8px;display:flex}body[data-slug=index] .ub-project-tags span{font-family:var(--ub-font-mono);color:var(--ub-yellow-dim);border:1px solid var(--ub-border);background:#fefae00d;border-radius:4px;padding:3px 8px;font-size:10px}body[data-slug=index] .ub-writing-list{flex-direction:column;gap:16px;display:flex}body[data-slug=index] .ub-writing-item{background:var(--ub-black-card);border:1px solid var(--ub-border);border-radius:var(--ub-radius-card-sm);color:var(--ub-yellow);cursor:none;box-sizing:border-box;align-items:center;gap:28px;padding:22px 28px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;text-decoration:none!important}body[data-slug=index] .ub-writing-item:before{content:"";background:linear-gradient(180deg, var(--ub-cyan), var(--ub-indigo));opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}body[data-slug=index] .ub-writing-item:hover{border-color:var(--ub-border-hover);transform:translateY(-2px);box-shadow:0 8px 24px -4px #00000080,0 0 16px -2px #43d9ad1f}body[data-slug=index] .ub-writing-item:hover:before{opacity:1}body[data-slug=index] .ub-writing-item:hover .ub-writing-title{color:var(--ub-cyan)}body[data-slug=index] .ub-writing-item:hover .ub-writing-arrow{color:var(--ub-cyan);transform:translate(3px,-3px)}body[data-slug=index] .ub-writing-item:hover .ub-writing-num{color:var(--ub-cyan);opacity:.9}body[data-slug=index] .ub-writing-num{font-family:var(--ub-font-hud);opacity:.4;letter-spacing:.1em;min-width:32px;color:var(--ub-yellow);flex-shrink:0;font-size:13px;transition:color .25s,opacity .25s}body[data-slug=index] .ub-writing-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}body[data-slug=index] .ub-writing-title{letter-spacing:-.01em;color:var(--ub-yellow);font-size:clamp(16px,1.8vw,20px);font-weight:600;line-height:1.35;transition:color .25s}body[data-slug=index] .ub-writing-sub{color:var(--ub-gray);font-size:13px;line-height:1.5}body[data-slug=index] .ub-writing-meta{font-family:var(--ub-font-mono);color:var(--ub-amber);letter-spacing:.05em;white-space:nowrap;background:#fea55f1a;border:1px solid #fea55f4d;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:11px}body[data-slug=index] .ub-writing-arrow{color:var(--ub-gray);flex-shrink:0;font-size:20px;transition:color .25s,transform .25s}body[data-slug=index] .ub-metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}body[data-slug=index] .ub-metric-card{background:var(--ub-black-card);border:1px solid var(--ub-border);border-radius:var(--ub-radius-card-sm);text-align:center;padding:36px 24px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}body[data-slug=index] .ub-metric-card:before{content:"";background:linear-gradient(90deg, var(--ub-indigo), var(--ub-cyan));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}body[data-slug=index] .ub-metric-card:hover{border-color:#43d9ad4d;transform:translateY(-4px)}body[data-slug=index] .ub-metric-card:hover:before{opacity:1}body[data-slug=index] .ub-metric-num{font-family:var(--ub-font-hud);color:var(--ub-yellow);font-size:clamp(40px,4.5vw,64px);font-weight:800;line-height:1;display:inline-block}body[data-slug=index] .ub-metric-plus{font-family:var(--ub-font-hud);color:var(--ub-cyan);margin-left:2px;font-size:clamp(24px,2.8vw,36px);font-weight:700;display:inline-block}body[data-slug=index] .ub-metric-label{font-family:var(--ub-font-hud);letter-spacing:.2em;text-transform:uppercase;color:var(--ub-amber);margin:14px 0 6px;font-size:11px}body[data-slug=index] .ub-metric-sub{color:var(--ub-gray);font-size:12px;line-height:1.5}body[data-slug=index] .ub-social-links{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:48px;display:grid}body[data-slug=index] .ub-social-link{border:1px solid var(--ub-border);border-radius:var(--ub-radius-card-sm);color:var(--ub-yellow);cursor:none;background:#0d0f1499;justify-content:space-between;align-items:center;gap:16px;padding:28px;transition:border-color .3s,background .3s,transform .3s,box-shadow .3s;display:flex;text-decoration:none!important}body[data-slug=index] .ub-social-link:hover{background:#43d9ad0f;border-color:#43d9ad73;transform:translateY(-3px);box-shadow:0 12px 32px #00000073,0 0 24px #43d9ad14}body[data-slug=index] .ub-social-link:hover .ub-social-handle{color:var(--ub-cyan)}body[data-slug=index] .ub-social-link:hover .ub-social-arrow{color:var(--ub-cyan);transform:translate(3px,-3px)}body[data-slug=index] .ub-social-platform{font-family:var(--ub-font-hud);letter-spacing:.25em;text-transform:uppercase;color:var(--ub-gray);font-size:11px}body[data-slug=index] .ub-social-handle{letter-spacing:-.01em;overflow-wrap:anywhere;word-break:break-word;font-size:clamp(17px,2vw,24px);font-weight:600;transition:color .25s}body[data-slug=index] .ub-social-arrow{font-family:var(--ub-font-mono);color:var(--ub-gray);flex-shrink:0;font-size:18px;transition:transform .25s,color .25s}body[data-slug=index] footer{border-top:1px solid var(--ub-border)!important;color:#fefae04d!important;background:0 0!important;padding:40px 0!important}body[data-slug=index] footer *{color:#fefae04d!important}body[data-slug=index] footer a{text-decoration:none!important}@keyframes ub-slideUp{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@keyframes ub-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes ub-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ub-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}body[data-slug=index] .ub-scroll-reveal{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}body[data-slug=index] .ub-scroll-reveal.visible{opacity:1;transform:translateY(0)}body[data-slug=index] .ub-scroll-reveal:nth-child(2){transition-delay:80ms}body[data-slug=index] .ub-scroll-reveal:nth-child(3){transition-delay:.16s}body[data-slug=index] .ub-scroll-reveal:nth-child(4){transition-delay:.24s}body[data-slug=index] .ub-scroll-reveal:nth-child(5){transition-delay:.32s}body[data-slug=index] .ub-scroll-reveal:nth-child(6){transition-delay:.4s}@media (prefers-reduced-motion:reduce){body[data-slug=index] .ub-scroll-reveal{opacity:1!important;transition:none!important;transform:none!important}body[data-slug=index] .ub-marquee-inner,body[data-slug=index] .ub-status-dot,body[data-slug=index] .ub-reveal-line{animation:none!important}body[data-slug=index] [data-tilt],body[data-slug=index] .ub-writing-item,body[data-slug=index] .ub-project-card,body[data-slug=index] .ub-metric-card{transition:none!important;transform:none!important}body[data-slug=index] #ub-hero-glitch{text-shadow:none!important}}body[data-slug=index] .ub-arcade-section{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;position:relative}body[data-slug=index] .ub-arcade-container{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}body[data-slug=index] .ub-arcade-header{width:100%;margin-bottom:40px}body[data-slug=index] .ub-snake-chassis{box-sizing:border-box;-webkit-backdrop-filter:blur(28px);background:linear-gradient(150.26deg,#175553b8 1.7%,#43d9ad17 81.82%);border:1px solid #43d9ad40;border-radius:12px;width:100%;max-width:680px;margin:0 auto;padding:40px 36px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff40,0 20px 50px #0000008c}body[data-slug=index] .ub-snake-chassis.is-active{border-color:var(--ub-cyan);box-shadow:inset 0 2px #ffffff59,0 0 35px #43d9ad4d,0 25px 60px #000000a6}body[data-slug=index] .ub-snake-warp1{background:var(--ub-cyan);opacity:.35;width:100%;height:100%;filter:blur(var(--ub-warp-blur,87px));pointer-events:none;position:absolute;top:-112px;left:-50px;transform:rotate(-94.3deg)}body[data-slug=index] .ub-snake-warp2{background:var(--ub-indigo);opacity:.35;width:100%;height:100%;filter:blur(var(--ub-warp-blur,87px));pointer-events:none;position:absolute;top:30px;left:173px;transform:rotate(13.51deg)}body[data-slug=index] .ub-snake-bolt{z-index:3;background:radial-gradient(73.08% 73.08% at 50% 26.92%,#196c6a 15.1%,#114b4a 100%);border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:2px 2px 4px #0d4341,inset 0 1px 2px #1a8277}body[data-slug=index] .ub-snake-bolt.bolt-tl{top:14px;left:14px}body[data-slug=index] .ub-snake-bolt.bolt-tr{top:14px;right:14px}body[data-slug=index] .ub-snake-bolt.bolt-bl{bottom:14px;left:14px}body[data-slug=index] .ub-snake-bolt.bolt-br{bottom:14px;right:14px}body[data-slug=index] .ub-snake-grid{z-index:2;justify-content:center;align-items:flex-start;gap:32px;width:100%;display:flex;position:relative}body[data-slug=index] .ub-snake-screen-wrap{cursor:pointer;background:#010c17;border:1px solid #1e2d3dcc;border-radius:8px;line-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}body[data-slug=index] .ub-snake-screen-wrap canvas{display:block}body[data-slug=index] .ub-snake-screen-wrap .ub-snake-overlay{line-height:1.6}body[data-slug=index] .ub-snake-overlay{-webkit-backdrop-filter:blur(3px);text-align:center;cursor:pointer;z-index:10;background:#010c17c7;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:absolute;inset:0}body[data-slug=index] .ub-snake-overlay.is-hidden{opacity:0;pointer-events:none}body[data-slug=index] .ub-snake-overlay .overlay-title{font-family:var(--codeFont);color:var(--ub-cyan);letter-spacing:.05em;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.5}body[data-slug=index] .ub-snake-overlay .overlay-sub{font-family:var(--codeFont);color:var(--ub-gray);font-size:11px;line-height:1.6}body[data-slug=index] .ub-snake-overlay .overlay-sub+.overlay-sub{margin-top:4px}body[data-slug=index] .ub-snake-overlay .overlay-sub.overlay-sub--warn{color:var(--ub-amber)}body[data-slug=index] .ub-snake-console{flex-direction:column;flex-shrink:0;align-items:stretch;width:220px;display:flex}body[data-slug=index] .ub-snake-info{font-family:var(--codeFont);color:var(--ub-gray);background:#01142359;border:1px solid #1e2d3dcc;border-radius:8px;margin-bottom:16px;padding:16px 14px;font-size:12px;line-height:1.6}body[data-slug=index] .ub-snake-info .info-code{color:var(--ub-cyan);margin-bottom:8px;display:block}body[data-slug=index] .ub-snake-stats{font-family:var(--codeFont);background:#010c1580;border:1px solid #1e2d3d99;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}body[data-slug=index] .ub-snake-stats .stat-label{color:var(--ub-gray)}body[data-slug=index] .ub-snake-stats .stat-val{color:var(--ub-cyan);font-size:14px;font-weight:700}body[data-slug=index] .ub-snake-controls{flex-direction:column;align-items:center;gap:4px;display:flex}body[data-slug=index] .ub-snake-controls .dpad-row{gap:4px;display:flex}body[data-slug=index] .ub-snake-controls .snake-dir-btn{width:52px;height:38px;color:var(--ub-gray);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#010c15;border:1px solid #1e2d3d;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}body[data-slug=index] .ub-snake-controls .snake-dir-btn:hover{color:var(--ub-cyan);border-color:var(--ub-cyan);background:#1c2b3a}body[data-slug=index] .ub-snake-controls .snake-dir-btn:active{background:#25394e;transform:scale(.94)}body[data-slug=index] .ub-snake-replay{width:100%;color:var(--ub-amber);min-height:44px;font-family:var(--codeFont);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#1c2b3a;border:1px solid #314457;border-radius:6px;margin-top:14px;padding:10px 12px;font-size:11px;transition:background .2s}body[data-slug=index] .ub-snake-replay:hover{border-color:var(--ub-amber);background:#25394e}body[data-slug=index] .snake-sound-btn{width:100%;color:var(--ub-cyan);min-height:44px;font-family:var(--codeFont);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#010c15;border:1px solid #1e2d3d;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:11px;transition:all .2s}body[data-slug=index] .snake-sound-btn:hover{border-color:var(--ub-cyan);background:#1c2b3a}body[data-slug=index] .ub-nav-toggle{border:1px solid var(--ub-border);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:0;display:none}body[data-slug=index] .ub-nav-toggle span{background:var(--ub-yellow);border-radius:2px;width:20px;height:2px;transition:all .25s;display:block}body[data-slug=index] .ub-nav-toggle:hover{border-color:var(--ub-cyan)}body[data-slug=index] .ub-nav-toggle:hover span{background:var(--ub-cyan)}body[data-slug=index] .ub-nav-drawer{z-index:10010;-webkit-backdrop-filter:blur(20px);padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;background:#0a0a0af5;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-100%)}body[data-slug=index] .ub-nav-drawer.active{opacity:1;pointer-events:auto;transform:translateY(0)}body[data-slug=index] .ub-drawer-header{border-bottom:1px solid var(--ub-border);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}body[data-slug=index] .ub-drawer-title{font-family:var(--ub-font-hud);letter-spacing:.25em;color:var(--ub-cyan);font-size:11px}body[data-slug=index] .ub-drawer-close{border:1px solid var(--ub-border);color:var(--ub-yellow);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:16px;display:flex}body[data-slug=index] .ub-drawer-close:hover{border-color:var(--ub-cyan);color:var(--ub-cyan)}body[data-slug=index] .ub-drawer-links{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:6px;padding-bottom:24px;display:flex;overflow-y:auto}body[data-slug=index] .ub-drawer-link{font-family:var(--ub-font-hud);letter-spacing:.12em;color:var(--ub-yellow);box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #fefae00a;border-radius:8px;align-items:center;gap:14px;min-height:44px;padding:14px 12px;font-size:13.5px;transition:background .2s,color .2s;display:flex;text-decoration:none!important}body[data-slug=index] .ub-drawer-link:hover,body[data-slug=index] .ub-drawer-link:active{color:var(--ub-cyan);background:#43d9ad1a}body[data-slug=index] .ub-drawer-link:hover .ub-drawer-num,body[data-slug=index] .ub-drawer-link:active .ub-drawer-num{color:var(--ub-cyan)}body[data-slug=index] .ub-drawer-num{font-family:var(--ub-font-mono);color:var(--ub-amber);opacity:.8;font-size:11px}body[data-slug=index] .ub-floating-top{bottom:max(24px, 16px + env(safe-area-inset-bottom));right:max(20px, env(safe-area-inset-right));z-index:1000;-webkit-backdrop-filter:blur(12px);border:1px solid var(--ub-border);box-sizing:border-box;min-height:44px;font-family:var(--ub-font-hud);letter-spacing:.15em;color:var(--ub-cyan);cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;background:#121318e6;border-radius:24px;padding:10px 18px;font-size:10px;transition:all .3s cubic-bezier(.16,1,.3,1);position:fixed;transform:translateY(20px);box-shadow:0 4px 16px #00000080}body[data-slug=index] .ub-floating-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}body[data-slug=index] .ub-floating-top:hover{background:var(--ub-cyan);color:var(--ub-black);border-color:var(--ub-cyan)}@media (hover:none) and (pointer:coarse){body[data-slug=index],body[data-slug=index] *{cursor:auto!important}body[data-slug=index] #ub-cursor,body[data-slug=index] #ub-cursorFollower{display:none!important}body[data-slug=index] [data-tilt]{transform:none!important}}@media (max-width:960px){body[data-slug=index],body[data-slug=index] *{cursor:auto!important}body[data-slug=index] #ub-cursor,body[data-slug=index] #ub-cursorFollower{display:none!important}body[data-slug=index] .ub-nav{width:100%;max-width:none;box-shadow:none;padding:max(14px, env(safe-area-inset-top)) 24px 14px;-webkit-backdrop-filter:none;background:0 0;border:none;border-bottom:1px solid #0000;border-radius:0;margin:0;top:0;left:0;right:0}body[data-slug=index] .ub-nav.scrolled{padding:max(12px, env(safe-area-inset-top)) 24px 12px;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ub-border);box-shadow:none;background:#0a0a0ae6}body[data-slug=index] .ub-nav-links{display:none}body[data-slug=index] .ub-nav-toggle{display:flex}body[data-slug=index] .ub-hero{padding:0 24px}body[data-slug=index] .ub-about,body[data-slug=index] .ub-quests,body[data-slug=index] .ub-builds,body[data-slug=index] .ub-knowledge,body[data-slug=index] .ub-stats,body[data-slug=index] .ub-terminal-section,body[data-slug=index] .ub-arcade-section{padding:90px var(--ub-space-section-x)}body[data-slug=index] .ub-about-grid{grid-template-columns:1fr;gap:48px}body[data-slug=index] .ub-projects-grid{grid-template-columns:1fr}body[data-slug=index] .ub-writing-item{gap:20px;padding:20px 24px}body[data-slug=index] .ub-metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px}body[data-slug=index] .ub-hud-corner{display:none}body[data-slug=index] .ub-hero-ticker{flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 14px;font-size:10px}}@media (max-width:600px){body[data-slug=index] .ub-nav{padding:max(12px, env(safe-area-inset-top)) 16px 12px}body[data-slug=index] .ub-nav.scrolled{padding:max(10px, env(safe-area-inset-top)) 16px 10px}body[data-slug=index] .ub-nav-logo{font-size:13px}body[data-slug=index] .ub-nav-status{padding:2px 8px;font-size:9.5px}body[data-slug=index] .ub-nav-drawer{padding:max(20px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom))}body[data-slug=index] .ub-drawer-header{margin-bottom:16px;padding-bottom:16px}body[data-slug=index] .ub-drawer-link{padding:13px 10px;font-size:13px}body[data-slug=index] .ub-hero{min-height:calc(100dvh - 60px);padding:0 16px;padding-top:max(72px, 56px + env(safe-area-inset-top));padding-bottom:36px}body[data-slug=index] .ub-hero-ticker{gap:6px 10px;max-width:100%;padding:6px 10px;font-size:9.5px}body[data-slug=index] .ub-hero-ticker .ub-ticker-sep{display:none}body[data-slug=index] .ub-hero-tag{text-align:center;margin-bottom:16px;padding:0 4px;font-size:11px;line-height:1.5}body[data-slug=index] .ub-hero-name{letter-spacing:-.02em;font-size:clamp(34px,11vw,52px)}body[data-slug=index] .ub-hero-sub{margin-bottom:24px;padding:0 6px;font-size:13.5px;line-height:1.6}body[data-slug=index] .ub-hero-actions{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-left:auto;margin-right:auto;padding:0}body[data-slug=index] .ub-btn{box-sizing:border-box;border-radius:var(--ub-radius-btn);width:100%;max-width:320px;margin:0 auto;padding:13px 20px;font-size:11.5px}body[data-slug=index] .ub-btn--ghost{opacity:.85;padding:10px 16px;font-size:11px}body[data-slug=index]{--ub-space-section-y:64px;--ub-space-section-x:16px;--ub-warp-blur:40px}body[data-slug=index] .ub-section-label{margin-bottom:12px;font-size:10px}body[data-slug=index] .ub-section-title{font-size:clamp(28px,8vw,40px);line-height:1.18;margin-bottom:32px!important}body[data-slug=index] .ub-stat-head{align-items:baseline;gap:8px}body[data-slug=index] .ub-char-stat-name{flex:1;font-size:10px;line-height:1.4}body[data-slug=index] .ub-stat-val{flex-shrink:0;font-size:12px}body[data-slug=index] .ub-about-text{font-size:13.5px;line-height:1.7}body[data-slug=index] .ub-about-badges{gap:6px}body[data-slug=index] .ub-about-badges .ub-badge{padding:4px 10px;font-size:10px}body[data-slug=index] .ub-about-actions{flex-direction:column;gap:10px;width:100%;margin-top:1.5rem;display:flex}body[data-slug=index] .ub-about-actions .ub-btn{text-align:center;justify-content:center;width:100%}body[data-slug=index] .ub-timeline{padding-left:30px}body[data-slug=index] .ub-timeline:before{width:2px;left:10px}body[data-slug=index] .ub-timeline-node{width:22px;height:22px;left:-30px}body[data-slug=index] .ub-node-icon{font-size:10px}body[data-slug=index] .ub-timeline-meta{flex-wrap:wrap;gap:6px 12px}body[data-slug=index] .ub-timeline-title{font-size:16px;line-height:1.4}body[data-slug=index] .ub-timeline-desc{font-size:13px;line-height:1.6}body[data-slug=index] .ub-project-card{border-radius:10px}body[data-slug=index] .ub-project-card:active{border-color:var(--ub-cyan)}body[data-slug=index] .ub-project-img-wrap{border-radius:8px 8px 0 0;height:190px}body[data-slug=index] .ub-project-body{padding:20px 16px}body[data-slug=index] .ub-project-name{font-size:17px}body[data-slug=index] .ub-project-desc{font-size:12.5px;line-height:1.6}body[data-slug=index] .ub-project-tags{gap:6px}body[data-slug=index] .ub-project-tags span{padding:3px 8px;font-size:10px}body[data-slug=index] .ub-writing-list{gap:12px}body[data-slug=index] .ub-writing-item{border-radius:10px;padding:16px 14px;display:block;transform:none!important}body[data-slug=index] .ub-writing-item:active{background:#43d9ad14;border-color:#43d9ad66}body[data-slug=index] .ub-writing-num{vertical-align:middle;min-width:24px;margin-right:8px;font-size:12px;display:inline-block}body[data-slug=index] .ub-writing-info{display:block}body[data-slug=index] .ub-writing-info .ub-writing-title{vertical-align:middle;width:calc(100% - 32px);display:inline-block}body[data-slug=index] .ub-writing-title{font-size:14px;line-height:1.4}body[data-slug=index] .ub-writing-sub{margin-top:6px;font-size:11.5px;line-height:1.5;display:block}body[data-slug=index] .ub-writing-meta{font-family:var(--ub-font-mono);color:var(--ub-cyan);background:#43d9ad1a;border:1px solid #43d9ad40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-top:8px;padding:3px 8px;font-size:10px;display:inline-flex}body[data-slug=index] .ub-writing-arrow{flex-shrink:0;font-size:14px;position:absolute;bottom:16px;right:14px}body[data-slug=index] .ub-metrics-grid{grid-template-columns:repeat(2,1fr);gap:10px}body[data-slug=index] .ub-metric-card{border-radius:8px;padding:20px 10px}body[data-slug=index] .ub-metric-num{white-space:nowrap;font-size:clamp(28px,7.5vw,36px)}body[data-slug=index] .ub-metric-plus{white-space:nowrap;font-size:clamp(16px,4vw,20px)}body[data-slug=index] .ub-metric-label{margin-top:6px;font-size:10.5px}body[data-slug=index] .ub-metric-sub{font-size:10.5px;line-height:1.4}body[data-slug=index] .ub-social-links{grid-template-columns:1fr;gap:12px;margin-top:24px}body[data-slug=index] .ub-social-link{border-radius:10px;padding:18px 20px}body[data-slug=index] .ub-social-platform{font-size:10px}body[data-slug=index] .ub-social-handle{font-size:15px}body[data-slug=index] .ub-snake-grid{flex-direction:column;align-items:center;gap:20px;width:100%}body[data-slug=index] .ub-snake-chassis{border-radius:10px;width:100%;max-width:350px;padding:24px 12px}body[data-slug=index] .ub-snake-screen-wrap{width:100%;max-width:240px}body[data-slug=index] .ub-snake-screen-wrap canvas{max-width:240px;width:100%!important;height:auto!important}body[data-slug=index] .ub-snake-console{width:100%;max-width:260px}body[data-slug=index] .ub-snake-info{margin-bottom:12px;padding:12px 10px;font-size:11px}body[data-slug=index] .ub-snake-stats{margin-bottom:12px;padding:8px 10px}body[data-slug=index] .ub-snake-controls,body[data-slug=index] .ub-snake-controls .dpad-row{gap:6px}body[data-slug=index] .ub-snake-controls .snake-dir-btn{-webkit-tap-highlight-color:transparent;width:58px;height:44px;font-size:14px}body[data-slug=index] .ub-snake-replay{margin-top:12px;padding:10px 12px;font-size:12px}body[data-slug=index] .snake-sound-btn{padding:8px 12px;font-size:11px}body[data-slug=index] .ub-floating-top{bottom:max(16px, 10px + env(safe-area-inset-bottom));right:max(16px, env(safe-area-inset-right));border-radius:20px;padding:8px 14px;font-size:9.5px}}@media (max-width:380px){body[data-slug=index] .ub-nav,body[data-slug=index] .ub-nav.scrolled,body[data-slug=index] .ub-hero{padding-left:12px;padding-right:12px}body[data-slug=index] .ub-hero-actions{max-width:290px}body[data-slug=index] .ub-btn{max-width:290px;padding:12px 16px;font-size:11px}body[data-slug=index]{--ub-space-section-x:12px}body[data-slug=index] .ub-writing-item{padding:14px 10px}body[data-slug=index] .ub-metrics-grid{gap:8px}body[data-slug=index] .ub-metric-card{padding:16px 8px}body[data-slug=index] .ub-metric-num{font-size:26px}body[data-slug=index] .ub-writing-arrow{bottom:14px;right:10px}body[data-slug=index] .ub-snake-chassis{padding:20px 8px}body[data-slug=index] .ub-snake-controls .snake-dir-btn{width:52px;height:44px}}footer{text-align:center;opacity:1;margin-bottom:2rem}footer p{opacity:.55;letter-spacing:.02em;margin:0 0 .9rem;font-size:.8rem}footer ul{flex-flow:wrap;justify-content:center;gap:.6rem 1.8rem;margin:0;padding:0;list-style:none;display:flex}footer ul li{position:relative}footer ul li+li:before{content:"·";opacity:.35;position:absolute;left:-1.25rem}footer a{opacity:.75;font-size:.85rem;text-decoration:none;transition:opacity .2s,color .2s}footer a:hover{opacity:1;color:var(--secondary);text-underline-offset:4px;text-decoration:underline}