.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}@media (width>=640px){.wrap{padding:0 24px}}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--surface);border-radius:var(--radius-sm);padding:8px 12px;top:12px;left:16px}.site-header{padding:14px 0}.header-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.logo{color:var(--ink);display:inline-flex}.wordmark{width:auto;height:34px;display:block}.site-header nav{flex:1}.site-header nav ul{flex-wrap:wrap;gap:4px 6px;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--ink-soft);white-space:nowrap;text-underline-offset:6px;border-radius:999px;padding:6px 12px;font-weight:600;text-decoration:underline 2px #0000;transition:color .15s,text-decoration-color .15s,background-color .15s;display:block}.site-header nav a:hover{color:var(--ink);text-decoration-color:var(--accent)}.site-header nav a[aria-current]{background:var(--accent-soft);color:var(--accent-text);font-weight:700}.site-header nav a[aria-current]:hover{text-decoration-color:#0000}@media (prefers-reduced-motion:reduce){.site-header nav a{transition:none}}@media (width<=899px){.site-header nav ul{gap:0}.site-header nav a{padding:6px 8px}}@media (width<=719px){.site-header nav{flex-basis:100%;order:3;overflow-x:auto}.site-header nav ul{flex-wrap:nowrap;margin-left:-8px}.site-controls{margin-left:auto}}.site-controls{gap:6px;display:flex}.icon-link{border:2px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--ink-soft);cursor:pointer;border-radius:12px;place-items:center;padding:0;display:grid}.icon-link:hover{color:var(--ink);border-color:var(--ink-soft)}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:6px;margin:8px 0 18px;padding:0;font-size:.9rem;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-right:6px}.crumbs a{color:var(--muted)}.site-footer{background:var(--surface-2);border-top:1px solid var(--border);margin-top:48px;padding:36px 0 28px;font-size:.95rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;display:grid}.footer-brand p{color:var(--muted);margin:.5em 0 0}.site-footer h2{margin:0 0 .5em;font-size:1rem}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin:4px 0}.site-footer a{color:var(--ink-soft);text-decoration:none}.site-footer a:hover{color:var(--ink);text-decoration:underline}.footer-legal{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:28px;display:flex}.site-header,.crumbs,.site-footer{line-height:1.6}.site-header{font-size:1.0625rem}.site-footer{margin-top:0}body{flex-direction:column;display:flex}main{flex:1}.crumbs ol{margin-bottom:0}.app .topbar .brand,#btnProgressTop,#btnSettingsTop,.app .topbar:not(:has(.mode-pill:not([hidden]))){display:none}.app{padding-top:12px}#screen-menu{display:none!important}html.embed .site-header,html.embed .site-footer,html.embed .crumbs,html.embed .skip{display:none}html.embed,html.embed body{background:0 0}html.embed .app{padding-bottom:12px;padding-left:4px;padding-right:4px}html.embed .panel,html.embed .stage{box-shadow:0 4px 0 var(--border)}.gate-panel{position:relative;overflow:hidden}.gate-panel.has-doodles{min-height:150px;padding-right:240px}.gate-doodles{pointer-events:none;width:200px;position:absolute;top:0;bottom:0;right:0}.gate-doodle{transform:rotate(var(--r,0deg));position:absolute;overflow:visible}.gate-doodle.d-o{color:var(--accent)}.gate-doodle.d-g{color:var(--gold)}.gate-doodle.d-n{color:var(--staff-line)}.doodle-head{min-height:104px;padding-right:220px;position:relative}.gate-panel .sub,.doodle-head .sub{color:var(--ink-soft);font-size:16px;line-height:1.55}.doodle-head .sub-note{margin-top:6px;font-size:14.5px;line-height:1.5;display:inline-block}@media (width<=560px){.gate-panel.has-doodles{padding-right:28px}.doodle-head{min-height:0;padding-right:0}.gate-doodles{display:none}}@media (prefers-reduced-motion:no-preference){.gate-doodle{animation:6s ease-in-out infinite alternate gate-drift}.gate-doodle.rev{animation-duration:8s;animation-direction:alternate-reverse}.gate-doodle.tw>*{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite gate-twinkle}}@keyframes gate-drift{0%{transform:translate(0, 0) rotate(var(--r,0deg))}to{transform:translate(6px, -10px) rotate(calc(var(--r,0deg) + 12deg))}}@keyframes gate-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.7)}}