.arcade-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}.arcade-shell__side{background:var(--paper);border-right:3px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}.arcade-shell__content,.arcade-shell__main{display:flex;flex-direction:column;min-width:0}.arcade-shell__content{padding:30px;gap:22px}.arcade-shell__scrim,.arcade-shell__side-close{display:none}[data-scope=back] .arcade-shell{grid-template-columns:256px 1fr}[data-scope=back] .arcade-shell__side{border-right-width:1px}[data-scope=back] .arcade-shell__content{padding:6px 28px 50px;gap:22px}@media (max-width:1023.98px){.arcade-shell,[data-scope=back] .arcade-shell{grid-template-columns:1fr}.arcade-shell__side{position:fixed;top:0;left:0;z-index:var(--z-panel);width:min(300px,86vw);height:100vh;height:100dvh;transform:translateX(-100%);transition:transform .24s cubic-bezier(.2,.9,.2,1);box-shadow:none}.arcade-shell--nav-open .arcade-shell__side{transform:translateX(0);box-shadow:12px 0 32px rgba(42,23,18,.18)}.arcade-shell__scrim{display:block;position:fixed;inset:0;z-index:var(--z-scrim);background:var(--overlay);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .2s ease}.arcade-shell--nav-open .arcade-shell__scrim{opacity:1;pointer-events:auto}.arcade-shell__side-close{display:grid;place-items:center;position:absolute;top:14px;right:14px;z-index:1;width:34px;height:34px;border:0;border-radius:10px;background:var(--paper-2);color:var(--ink-2);cursor:pointer;transition:background .12s,color .12s}.arcade-shell__side-close:hover{background:var(--brand-dim);color:var(--ink)}.arcade-shell__side-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.arcade-shell__content{padding:20px 16px 40px;gap:18px}[data-scope=back] .arcade-shell__content{padding:6px 16px 40px;gap:18px}}@media (max-width:479.98px){.arcade-shell__content,[data-scope=back] .arcade-shell__content{padding-left:12px;padding-right:12px;gap:16px}}.arcade-shell-locked,.arcade-shell-locked body{overflow:hidden}@media (prefers-reduced-motion:reduce){.arcade-shell__scrim,.arcade-shell__side{transition:none}}.arcade-sidebar{display:flex;flex-direction:column;gap:8px;padding:22px 18px;height:100%;overflow:hidden;min-height:0}[data-scope=back] .arcade-sidebar{padding:0;gap:0}.arcade-sidebar__scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.arcade-sidebar__scroll::-webkit-scrollbar{width:6px}.arcade-sidebar__scroll::-webkit-scrollbar-track{background:transparent}.arcade-sidebar__scroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}[data-scope=back] .arcade-sidebar__scroll{padding:4px 12px 16px}.arcade-sidebar-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:19px;letter-spacing:-.03em;margin-bottom:18px}.arcade-sidebar-brand__logo{width:40px;height:40px;border-radius:13px;background:var(--brand);color:var(--ink-on-brand);display:grid;place-items:center;font-weight:900;font-size:19px;border:2.5px solid var(--line);box-shadow:5px 5px 0 var(--line);transform:rotate(-6deg)}[data-scope=back] .arcade-sidebar-brand{padding:20px;margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em;gap:11px}[data-scope=back] .arcade-sidebar-brand__logo{width:32px;height:32px;border-radius:9px;border:0;box-shadow:none;transform:none;font-size:16px}.arcade-sidebar-section{display:flex;flex-direction:column;gap:6px}.arcade-sidebar-section__label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:16px 10px 7px}.arcade-sidebar-section__items{display:flex;flex-direction:column;gap:4px}[data-scope=back] .arcade-sidebar-section{padding:0 12px}[data-scope=back] .arcade-sidebar-section__label{margin:16px 10px 7px}.arcade-sidebar-item__dot{margin-left:4px}.arcade-sidebar-item__tip{display:block;font-size:13px;font-weight:700;line-height:1.45}.arcade-sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:12px;font-weight:800;font-size:14px;color:var(--ink-2);border:2.5px solid transparent;transition:background .12s,color .12s,border-color .12s,box-shadow .12s;cursor:pointer;text-decoration:none}.arcade-sidebar-item:hover{color:var(--ink);background:var(--bg)}.arcade-sidebar-item:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.arcade-sidebar-item--active{color:var(--ink-on-brand);background:var(--brand);border-color:var(--line);box-shadow:5px 5px 0 var(--line)}.arcade-sidebar-item__icon{width:22px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex:none}.arcade-sidebar-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-sidebar-item__tag{font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--brand-dim);color:var(--brand-d);border:0}.arcade-sidebar-item__ext{color:var(--ink-3);font-size:13px;font-weight:700}[data-scope=back] .arcade-sidebar-item{border:0;padding:9px 11px;border-radius:9px;font-size:13.5px;font-weight:600;gap:11px}[data-scope=back] .arcade-sidebar-item:hover{background:var(--paper-2);color:var(--ink)}[data-scope=back] .arcade-sidebar-item--active{background:var(--brand-dim);color:var(--brand-d);border:0;box-shadow:none;font-weight:700}[data-scope=back] .arcade-sidebar-item__icon{width:18px;font-size:13px}[data-scope=back] .arcade-sidebar-item__tag{border:0}.arcade-sidebar-group{display:flex;flex-direction:column}.arcade-sidebar-group__trigger{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:12px;font-weight:800;font-size:14px;color:var(--ink-2);border:2.5px solid transparent;background:transparent;cursor:pointer;width:100%;text-align:left;font-family:inherit;transition:background .12s,color .12s,border-color .12s}.arcade-sidebar-group__trigger:hover{color:var(--ink);background:var(--bg)}.arcade-sidebar-group__trigger:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.arcade-sidebar-group__icon{width:22px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;flex:none}.arcade-sidebar-group__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-sidebar-group__tag{font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--brand-dim);color:var(--brand-d);border:2px solid var(--line)}.arcade-sidebar-group__chev{color:var(--ink-3);display:inline-flex;align-items:center;transition:transform .18s ease;flex:none}.arcade-sidebar-group--open .arcade-sidebar-group__chev{transform:rotate(90deg)}.arcade-sidebar-group__children{display:flex;flex-direction:column;gap:2px;padding-left:24px;margin-top:2px;position:relative}.arcade-sidebar-group__children:before{content:"";position:absolute;left:18px;top:4px;bottom:4px;width:2px;background:var(--line);border-radius:999px;opacity:.5}[data-scope=back] .arcade-sidebar-group__trigger{border:0;padding:9px 11px;border-radius:9px;font-size:13.5px;font-weight:600;gap:11px}[data-scope=back] .arcade-sidebar-group__trigger:hover{background:var(--paper-2);color:var(--ink)}[data-scope=back] .arcade-sidebar-group__icon{width:20px;font-size:13px}[data-scope=back] .arcade-sidebar-group__tag{border:0}[data-scope=back] .arcade-sidebar-group__children{padding-left:22px;margin-top:0}[data-scope=back] .arcade-sidebar-group__children:before{left:16px;background:var(--line-2)}.arcade-sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:3px dashed var(--divider-soft);padding-top:14px}.arcade-sidebar-foot__avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--sky),var(--brand));border:2.5px solid var(--line);background-size:cover;flex:none}.arcade-sidebar-foot__body{display:flex;flex-direction:column;font-size:13px;font-weight:800;line-height:1.2}.arcade-sidebar-foot__role{color:var(--ink-3);font-size:11px;font-weight:700}[data-scope=back] .arcade-sidebar-foot{border-top:1px solid var(--line);padding:14px}[data-scope=back] .arcade-sidebar-foot__avatar{border-width:0;border-radius:9px}[data-scope=back] .arcade-sidebar-foot__body{font-weight:700;font-size:13px}.arcade-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 30px;border-bottom:3px solid var(--line);background:var(--paper)}.arcade-topbar__heading{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.arcade-topbar__crumb{font-size:12px;font-weight:800;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}.arcade-topbar__title{font-size:22px;font-weight:900;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arcade-topbar__actions{display:flex;align-items:center;gap:12px;flex:none}.arcade-topbar__burger{display:none;place-items:center;flex:none;width:40px;height:40px;border:2.5px solid var(--line);border-radius:11px;background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--line);transition:transform .12s,box-shadow .12s}.arcade-topbar__burger:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--line)}.arcade-topbar__burger:focus-visible{outline:3px solid var(--brand);outline-offset:2px}[data-scope=back] .arcade-topbar__burger{border-width:1px;box-shadow:none}[data-scope=back] .arcade-topbar{border-bottom-width:0;padding:16px 28px;background:transparent}[data-scope=back] .arcade-topbar__crumb,[data-scope=back] .arcade-topbar__title{display:none}@media (max-width:1023.98px){.arcade-topbar__burger{display:grid}.arcade-topbar,[data-scope=back] .arcade-topbar{padding:12px 16px;gap:10px}.arcade-topbar__actions{gap:8px}}@media (max-width:479.98px){.arcade-topbar,[data-scope=back] .arcade-topbar{padding:10px 12px}.arcade-topbar__title{font-size:18px}}