@font-face{font-family:Ultraproxi;src:url('/assets/ultraproxi.otf') format('opentype');font-weight:100 900;font-display:swap}
@font-face{font-family:Ultraproxi;src:url('/assets/ultraproxi-italic.otf') format('opentype');font-style:italic;font-weight:100 900;font-display:swap}
:root{font-family:Arial,sans-serif;--bg:#232323;--surface:#404040;--surface2:#505050;--line:#080808;--text:#fff;--muted:#d0d0d0;--accent:#76fa74;--on-accent:#101010;--soft:#76fa7415}
:root[data-theme=light]{--bg:#b7b7b7;--surface:#d2d2d2;--surface2:#e3e3e3;--line:#121212;--text:#161616;--muted:#393939;--accent:#61ef60;--on-accent:#080808}
h1,h2,h3,.brand-name,.nav-item,.filter,.accent-button{font-family:Ultraproxi,Arial,sans-serif;font-weight:600;letter-spacing:0}
.topbar{height:78px;background:var(--surface);border-bottom:3px solid var(--line)}.brand-name{font-size:23px}.corner-logo{width:51px}.version{border-radius:0;border:2px solid var(--line);color:var(--text);font-size:11px;padding:3px 6px}.icon-button{border:2px solid var(--line);border-radius:2px;background:var(--surface2)}
.sidebar{border-right:3px solid var(--line);background:var(--surface)}.sidebar-label{font-size:11px;letter-spacing:1px;color:var(--muted)}.nav-item{font-size:16px;border-radius:0;min-height:43px}.nav-item.active{color:var(--on-accent);background:var(--accent);outline:2px solid var(--line)}.nav-item.active .nav-count{background:#0002;color:inherit}.sidebar-signature{color:var(--muted)}.sidebar-bottom{gap:5px}
.main-content{padding-top:26px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:30px}.local-label{font-size:12px;color:var(--muted)}.eyebrow{letter-spacing:1px}.hero{min-height:190px;border:3px solid var(--line);border-radius:2px;background:repeating-linear-gradient(130deg,transparent 0 25px,#ffffff04 25px 50px),var(--surface);margin-bottom:26px;grid-template-columns:1fr 210px}.hero-copy{padding:23px 26px}.hero-copy>.eyebrow{display:none}.hero h2{font-size:30px;line-height:1.1;letter-spacing:0;margin:0 0 12px}.hero-copy p{font-size:13px;margin-bottom:17px}.hero-logo{width:142px;animation:none}.orbit,.spark,.art-label{display:none}.hero-footnote{font-size:10px}.accent-button{border:2px solid var(--line);border-radius:0;font-size:15px;padding:10px 14px}.accent-button:hover{filter:brightness(1.08)}.hero-art{background:#0001;border-left:2px solid var(--line)}
.library-heading h2{font-size:23px}.library-heading p{font-size:12px}.filter{border-radius:0;font-size:14px;border:2px solid transparent}.filter.active{background:var(--accent);color:var(--on-accent);border-color:var(--line)}.search{border-radius:0;border:2px solid var(--line);background:var(--surface2)}.search input{color:var(--text)}.search input::placeholder{color:var(--muted)}.launch-card{border:2px solid var(--line);border-radius:1px;background:repeating-linear-gradient(130deg,transparent 0 25px,#ffffff03 25px 50px),var(--surface);box-shadow:none}.launch-card:hover{transform:none;border-color:var(--accent)}.card-launch{padding:18px}.app-icon{border:2px solid var(--line);border-radius:2px}.card-favorite{color:var(--muted)}#card-grid .launch-card h3{font-size:20px;margin-bottom:9px}#card-grid .launch-card p{font-size:12px;min-height:30px;line-height:1.5;color:var(--muted)}.card-bottom{border-top:1px solid #ffffff18;padding-top:10px}.launch-arrow{border:1px solid var(--line);background:var(--accent);color:var(--on-accent);border-radius:0}.page-footer{border-top:2px solid var(--line)}.footer-separator{display:none}.dialog{border:3px solid var(--line);border-radius:2px;background:var(--surface)}.dialog-heading{border-bottom:2px solid var(--line);padding-bottom:12px}.dialog h2{font-size:28px}.secondary-button,.calc-grid button,.memory-card,.notes-area,input,select,textarea{border-radius:1px}.secondary-button{border:2px solid var(--line)}.intro-caption{font-family:Ultraproxi,sans-serif;font-size:20px}.intro-track{border-radius:0}.single-notice{border:2px solid var(--line);background:var(--surface);padding:14px 18px;margin-bottom:22px;font-size:13px;line-height:1.6}.single-notice summary{cursor:pointer;font-family:Ultraproxi,sans-serif;font-size:17px}.single-notice p{margin:10px 0}.single-notice a{color:var(--accent)}
@media(max-width:820px){.hero{grid-template-columns:1fr 150px}.hero-logo{width:120px}.hero-copy{padding:20px}.hero h2{font-size:27px}}
@media(max-width:600px){.topbar{height:72px}.brand-name{font-size:19px}.corner-logo{width:44px}.sidebar{border-right:0;border-bottom:3px solid var(--line);min-width:0;max-width:100%;overflow:hidden}.sidebar nav{overflow-x:auto;max-width:100%;padding:3px 3px 6px}.nav-item{font-size:13px;flex-shrink:0;min-height:36px}.hero{grid-template-columns:1fr 100px;min-height:190px}.hero-copy{padding:18px 14px}.hero h2{font-size:24px}.hero-copy p{font-size:12px}.hero-logo{width:90px}.hero-footnote{font-size:9px}.local-label{display:none}.page-heading h1{font-size:27px}#card-grid .launch-card h3{font-size:18px}.card-launch{padding:13px}.library-heading h2{font-size:23px}.single-notice{padding:10px 12px}}
:root[data-theme=light]{--bg:#b7b7b7}.single-notice a{color:var(--text);text-decoration:underline}.page-footer a,.text-button{color:var(--text)}
#intro{background:var(--bg)}.intro-logo.loading-mark{width:112px}.loading-mark .logo-box{animation:loading-core 2.4s linear infinite;opacity:1}.loading-mark .logo-outer{animation:loading-frame 3.2s linear infinite;animation-delay:0s;opacity:1}.intro-skip{font:26px Arial,sans-serif;color:var(--muted);line-height:1;padding:8px;right:24px;bottom:24px}@keyframes loading-core{from{transform:rotate(0deg) scale(.82)}to{transform:rotate(360deg) scale(.82)}}@keyframes loading-frame{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
.sprite-icon{display:inline-block;width:var(--sprite-size);height:var(--sprite-size);background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;flex:none;zoom:.42}:root[data-icon-set="1"] .sprite-icon{background-image:url('/assets/icons-1.png')}:root[data-icon-set="2"] .sprite-icon{background-image:url('/assets/icons-2.png');zoom:.29}.nav-item [data-icon]{display:grid;place-items:center;width:22px;height:22px}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.launch-card{position:relative;overflow:hidden;background:var(--surface2)}.card-launch{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:0;width:100%;min-height:0}.launch-card .card-launch h3{order:0;margin:0!important;padding:9px 32px 9px 8px;border-bottom:2px solid var(--line);background:repeating-linear-gradient(130deg,#fff1 0 20px,#fff2 20px 40px);font-size:17px!important;min-height:40px}.card-art{height:133px;display:grid;place-items:center;background:linear-gradient(150deg,#ffffff28,transparent 60%),var(--card-tint);border-bottom:2px solid var(--line)}.card-art .app-icon{width:76px;height:76px;background:transparent;border:0;box-shadow:none;display:grid;place-items:center}.card-art .sprite-icon{zoom:1.05}:root[data-icon-set="2"] .card-art .sprite-icon{zoom:.82}.card-art svg{width:60px;height:60px}.launch-card .card-launch p{padding:12px 8px;margin:0;min-height:57px!important;font-size:11px!important;background:#ffffff0c;border-bottom:1px solid var(--line)}.card-bottom{border:0;padding:7px 9px;min-height:28px;font-size:9px;text-align:left;background:#0002}.launch-arrow{display:none}.card-select{background:var(--accent);color:var(--on-accent);border-top:2px solid var(--line);padding:7px;font-family:Ultraproxi,sans-serif;letter-spacing:3px;font-size:17px}.card-favorite{top:3px;right:3px;width:28px;height:28px}.card-relay{display:block;width:100%;border-top:2px solid var(--line);background:var(--surface);padding:5px;font-size:11px}.card-relay[aria-pressed=true]{color:var(--accent)}.card-remove{position:static;width:100%;padding:5px;background:var(--surface);border-top:1px solid var(--line)}.card-launch:hover .card-select{filter:brightness(1.12)}.page-heading .eyebrow,.local-label{display:none}.page-heading{margin-bottom:16px}.library-heading>div{display:none}.library-heading{justify-content:flex-end;margin-bottom:16px}.main-content{padding-top:25px}.page-footer{margin-top:22px}.page-footer .text-button{padding:0;margin-left:15px;font-size:11px}#loading-status{max-width:320px;margin:28px auto 14px;text-align:center;font-size:13px;color:var(--muted)}#loading-progress{width:180px;height:8px;accent-color:var(--accent)}.intro-skip{font:14px Ultraproxi,sans-serif;border:2px solid var(--line);background:var(--surface);padding:10px 20px}.intro-skip:disabled{opacity:.3}.html-game{display:block;width:100%;height:65vh;border:2px solid var(--line);background:#fff}.app-dialog:has(.html-game){max-width:1000px;width:90vw}#relay-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:2px solid var(--line);font-size:12px}#relay-tab{color:var(--accent);white-space:nowrap}#workspace{display:flex;flex-direction:column;height:calc(100dvh - 78px)}#browser{flex:1;min-height:0;width:100%;border:0}html[data-embedded=true] .brand-name{font-size:16px}html[data-embedded=true] .topbar{height:58px}html[data-embedded=true] #workspace{height:calc(100dvh - 58px)}html[data-embedded=true] #intro{display:none}#accent-custom{width:60px;height:35px;padding:2px;border:2px solid var(--line)}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.card-grid{gap:12px}.card-art{height:110px}.launch-card .card-launch h3{font-size:15px!important}.card-art .app-icon{width:65px;height:65px}.card-art .sprite-icon{zoom:.9}:root[data-icon-set="2"] .card-art .sprite-icon{zoom:.7}.card-select{font-size:15px}.card-favorite{width:25px;height:25px}.library-heading{margin-bottom:12px}.search{width:100%}#relay-toolbar{font-size:10px;padding:8px}#workspace{height:calc(100dvh - 72px)}}
.sprite-icon{height:var(--sprite-height,var(--sprite-size))}.app-icon img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 2px 1px #0005)}.launch-card .card-bottom{margin-top:0!important;min-height:25px}.card-launch{gap:0!important}.card-art .app-icon svg{color:var(--icon-color)}.card-select{margin-top:0}.card-favorite .sprite-icon{zoom:.42}.card-art .sprite-icon{max-height:none}.page-footer>span{display:flex;align-items:center;gap:8px}#relay-direct{color:var(--text);white-space:nowrap}


/* Display mode controls: preserve a restore handle when the bar is hidden. */
.floating-display-controls{position:fixed;top:12px;right:12px;z-index:60;display:flex;gap:8px;padding:6px;background:var(--surface);border:2px solid var(--line);box-shadow:0 8px 22px #0004}
.floating-display-controls[hidden]{display:none!important}
:root[data-topbar-hidden="true"] .topbar{display:none!important}
:root[data-topbar-hidden="true"] .shell{min-height:100dvh}
:root[data-topbar-hidden="true"] #workspace{height:100dvh}
:root[data-topbar-hidden="true"] .floating-display-controls{opacity:.35;transition:opacity .15s}
:root[data-topbar-hidden="true"] .floating-display-controls:hover,
:root[data-topbar-hidden="true"] .floating-display-controls:focus-within{opacity:1}
@media(max-width:600px){.floating-display-controls{top:6px;right:6px;padding:3px;gap:4px}.topbar-right{gap:6px}.topbar-right .icon-button{width:32px;height:32px}}