@font-face{font-family:Inter;src:url('/assets/inter-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Inter,Arial,sans-serif;font-optical-sizing:auto;font-weight:400;color:#f5f5f8;background:#050718;--ink:#f5f5f8;--body:#cfcdd8;--line:#635267;--accent:#f6b1c6;font-synthesis:none}
body{background:#050718}button,select,input{font-family:inherit}.brand{font-size:24px;font-weight:500;letter-spacing:-.6px}.brand img{filter:invert(76%) sepia(28%) saturate(1080%) hue-rotate(293deg) brightness(104%) contrast(96%)}
.inner-header{background:#050718b3;border-bottom-color:#ffffff16;backdrop-filter:blur(18px);padding:24px 40px}.inner-header nav{font-size:14px;color:#cfcdd8}.pill{font-weight:400}.light{background:#f7c3d3;color:#190c18}.light:hover{background:#ffe2e9}.outline-button{color:#f5e8ee;border-color:#bd809849}.inner-main{padding-top:66px}.page-title{font-weight:300;letter-spacing:-.025em;line-height:1.07}.page-title span,.functional-note h2 span{color:#f1adc8}.page-intro{color:var(--body)}.eyebrow{color:#e6adc4}.notice,.receipt{background:#d484a80b;border-color:#bc8aa43d;backdrop-filter:blur(18px)}.notice{color:#e8cbd9}.status-line.error{color:#ffb5c6}.paper-map{background:linear-gradient(140deg,#e9b9d012,#ffffff04);border-color:#c7a2ba35;backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff0b}.paper-body h2,.functional-note h2,.review-box h2,.run-panel h2,.run-flow strong{font-weight:300}.inner-footer{background:#050718;border-color:#ffffff19}.paper-body section{border-color:#ffffff1c}.state-data>div{border-color:#ffffff19}select,select option{background:#111020;color:#f5f5f8;border-color:#a688a04a}.maze-cell.wall{background:#0c0d1b}.maze-cell.open{background:#372636}.maze-cell.current{background:#efb5ce;color:#1d0e1c}.maze-cell.goal:not(.current){background:#4f3449}.directions{border-color:#b287a348}.directions button{background:#312033;border-color:#ad76904d}.directions button:hover:not(:disabled){background:#543044}.paper-toc{color:#d4b3c6}.paper-toc a:hover,.inner-footer a:hover{color:#fff}.inner-header a:focus-visible{outline:3px solid #f6b1c6;outline-offset:5px}
@media(max-width:700px){.inner-header{padding:20px 24px}.brand{font-size:22px}.inner-header nav>a.pill{display:inline-flex}.inner-header .pill{font-size:14px;min-height:44px;padding:10px 14px}.inner-main{padding-top:45px}.page-title{font-size:42px;line-height:1.08;letter-spacing:-.025em}.inner-header nav{gap:12px}.page-intro{font-size:15px}}