:root{--app-bg: #070605;--app-surface: #0c0a08;--app-surface-soft: #100e0b;--app-surface-raised: #15110d;--app-line: rgba(178, 134, 70, .24);--app-line-strong: rgba(232, 168, 48, .72);--app-text: #f0e7db;--app-muted: #a99b89;--app-dim: #756a5d;--app-gold: #e8a830;--app-gold-bright: #f5c451;--app-success: #86b84f;--app-sidebar-width: 226px}body[data-page-type=player-app]{background:var(--app-bg);color:var(--app-text);min-width:320px}body[data-page-type=player-app]:before{background:radial-gradient(circle at 72% 34%,rgba(232,168,48,.035),transparent 34%),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:auto,100% 4px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}body[data-page-type=player-app] .pixel-fabric{opacity:.22}.player-app-shell{display:grid;grid-template-columns:var(--app-sidebar-width) minmax(0,1fr);min-height:100svh;position:relative;z-index:1}.app-sidebar{background:#090807f7;border-right:1px solid var(--app-line);display:flex;flex-direction:column;min-height:100svh;padding:28px 12px 14px;position:sticky;top:0}.app-brand{align-items:center;color:var(--app-text);display:flex;flex-direction:column;gap:8px;margin:0 auto 40px;text-decoration:none}.app-brand img{border-radius:10px;image-rendering:pixelated}.app-brand span{font:400 1.7rem/1 "Jersey 10",monospace;letter-spacing:.08em;text-transform:uppercase}.app-navigation{display:grid;gap:8px}.app-navigation a{align-items:center;border:1px solid transparent;border-radius:8px;color:var(--app-muted);display:flex;font:650 .98rem/1 DM Sans,system-ui,sans-serif;gap:12px;min-height:58px;padding:0 13px;text-decoration:none}.app-navigation a img{filter:saturate(.78);image-rendering:pixelated;-o-object-fit:contain;object-fit:contain}.app-navigation a:hover,.app-navigation a:focus-visible{background:#e8a8300f;color:var(--app-text)}.app-navigation a[aria-current=page]{background:linear-gradient(90deg,#e8a8301f,#e8a83006),var(--app-surface-soft);border-color:#e8a8306b;box-shadow:inset 3px 0 var(--app-gold);color:var(--app-gold-bright)}.app-navigation a:focus-visible,.back-to-site:focus-visible,.app-mobile-bar a:focus-visible,.app-auth-panel a:focus-visible{outline:2px solid var(--app-gold-bright);outline-offset:3px}.app-sidebar-footer{display:grid;gap:18px;margin-top:auto}.back-to-site{align-items:center;color:var(--app-muted);display:flex;font:500 .86rem/1 DM Mono,monospace;gap:9px;padding:8px 12px;text-decoration:none}.back-to-site:hover{color:var(--app-gold-bright)}.back-to-site svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:18px}.app-player{align-items:center;background:var(--app-surface);border:1px solid var(--app-line);border-radius:8px;display:grid;gap:10px;grid-template-columns:44px minmax(0,1fr) auto;min-height:72px;padding:9px}.app-player>img{background:#11100f;border:1px solid var(--app-line);border-radius:6px;image-rendering:pixelated;-o-object-fit:cover;object-fit:cover}.app-player-copy{min-width:0}.app-player-copy strong,.app-player-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-player-copy strong{color:var(--app-text);font:650 .86rem/1.25 DM Sans,system-ui,sans-serif}.app-player-copy small{color:var(--app-gold);font:500 .67rem/1.4 DM Mono,monospace;margin-top:4px}.fitscape-app-avatar{height:28px;width:28px}.app-mobile-bar{display:none}.app-main{min-width:0;padding:38px clamp(24px,3.5vw,52px) 20px}.app-page{margin:0 auto;max-width:1280px}.app-page-header{align-items:start;display:grid;gap:22px 30px;grid-template-columns:minmax(260px,1fr) auto minmax(260px,360px);margin-bottom:22px}.app-title-block h1{color:var(--app-text);font:400 clamp(2.65rem,4vw,4rem)/.9 "Jersey 10",monospace;letter-spacing:.035em;margin:0;text-transform:uppercase}.app-preview-notice{align-items:center;color:#927344;display:flex;font:500 .74rem/1.4 DM Mono,monospace;gap:8px;margin:22px 0 0}.app-preview-notice svg{fill:none;height:17px;stroke:var(--app-gold);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:17px}.app-overall-progress{min-width:148px;padding-top:8px}.app-overall-progress p{color:var(--app-muted);font:500 .76rem/1.2 DM Mono,monospace;margin:0 0 12px}.app-overall-progress strong{color:var(--app-gold);font-weight:500}.progress-track{background:#ecdec61f;border-radius:99px;display:block;height:4px;overflow:hidden}.progress-track>span{background:linear-gradient(90deg,#cf8b20,var(--app-gold-bright));border-radius:inherit;display:block;height:100%}.app-search{position:relative}.app-search svg{fill:none;height:21px;left:17px;pointer-events:none;position:absolute;stroke:var(--app-muted);stroke-linecap:round;stroke-width:1.8;top:16px;width:21px}.app-search input{background:#0a0907b8;border:1px solid rgba(178,134,70,.34);border-radius:7px;color:var(--app-text);font:500 .84rem/1 DM Mono,monospace;height:54px;outline:none;padding:0 18px 0 50px;width:100%}.app-search input::-moz-placeholder{color:#817363}.app-search input::placeholder{color:#817363}.app-search input:hover{border-color:#e8a83080}.app-search input:focus{border-color:var(--app-gold-bright);box-shadow:0 0 0 3px #e8a8301a}.app-workspace{display:grid;gap:14px;grid-template-columns:minmax(0,1.66fr) minmax(300px,.94fr)}.app-browser-panel,.app-detail-panel{background:#080706b8;border:1px solid var(--app-line);border-radius:8px}.app-browser-panel{min-width:0;padding:clamp(22px,2.2vw,30px)}.app-browser-heading,.app-detail-panel h2{color:var(--app-text);font:400 clamp(1.75rem,2.6vw,2.3rem)/1 "Jersey 10",monospace;letter-spacing:.035em;margin:0;text-transform:uppercase}.app-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 18px}.app-filter{background:var(--app-surface);border:1px solid rgba(178,134,70,.28);border-radius:6px;color:var(--app-muted);cursor:pointer;font:500 .73rem/1 DM Mono,monospace;min-height:40px;padding:0 17px}.app-filter:hover,.app-filter:focus-visible{border-color:#e8a830a8;color:var(--app-text)}.app-filter:focus-visible,.gear-item:focus-visible,.set-select:focus-visible,.achievement-select:focus-visible,.app-detail-link:focus-visible{outline:2px solid var(--app-gold-bright);outline-offset:2px}.app-filter[aria-pressed=true]{background:#e8a83014;border-color:var(--app-gold);color:var(--app-gold-bright)}.app-empty{border:1px dashed var(--app-line);border-radius:7px;color:var(--app-muted);display:none;font:500 .82rem/1.6 DM Mono,monospace;margin:20px 0 0;padding:34px;text-align:center}.app-detail-panel{align-self:start;padding:clamp(22px,2.2vw,30px);position:sticky;top:28px}.detail-progress-copy{color:var(--app-muted);font:500 .76rem/1.4 DM Mono,monospace;margin:24px 0 12px}.detail-progress-copy strong{color:var(--app-gold);font-weight:500}.detail-reward{color:var(--app-muted);font:500 .79rem/1.65 DM Mono,monospace;margin:22px 0 20px}.app-detail-link{align-items:center;background:transparent;border:1px solid rgba(232,168,48,.62);border-radius:6px;color:var(--app-gold-bright);display:inline-flex;font:600 .78rem/1 DM Mono,monospace;gap:8px;justify-content:center;min-height:44px;padding:0 16px;text-decoration:none}.app-detail-link:hover{background:#e8a83014;border-color:var(--app-gold-bright)}.app-detail-link svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;width:18px}.app-auth-gate{align-items:center;display:flex;justify-content:center;min-height:100svh;padding:24px;position:relative;z-index:1}.app-auth-panel{background:#0c0a08e6;border:1px solid var(--app-line);border-radius:10px;box-shadow:0 30px 100px #0000007a;max-width:520px;padding:clamp(36px,7vw,64px);text-align:center}.app-auth-mark{border-radius:18px;display:block;margin:0 auto 24px}.app-auth-panel h1{color:var(--app-text);font:400 clamp(3rem,8vw,4.8rem)/.86 "Jersey 10",monospace;margin:0}.app-auth-panel p{color:var(--app-muted);font:500 1rem/1.65 DM Sans,system-ui,sans-serif;margin:22px 0 28px}.app-auth-button{background:var(--app-gold);border:0;border-radius:7px;color:#171006;cursor:pointer;font:750 .94rem/1 DM Sans,system-ui,sans-serif;min-height:50px;padding:0 22px}.app-auth-button:hover,.app-auth-button:focus-visible{background:var(--app-gold-bright)}.app-auth-button:focus-visible{outline:3px solid rgba(245,196,81,.35);outline-offset:3px}.app-auth-panel>a{color:var(--app-muted);display:block;font:500 .76rem/1.4 DM Mono,monospace;margin-top:22px}@media (max-width: 1040px){.app-page-header{grid-template-columns:minmax(240px,1fr) auto}.app-search{grid-column:1 / -1}.app-workspace{grid-template-columns:1fr}.app-detail-panel{position:static}}@media (max-width: 760px){.player-app-shell{display:block}.app-sidebar{display:none}.app-mobile-bar{align-items:center;background:#090807f7;border-bottom:1px solid var(--app-line);display:flex;gap:16px;justify-content:space-between;min-height:68px;overflow-x:auto;padding:9px 16px;position:sticky;top:0;z-index:20}.app-mobile-brand{align-items:center;color:var(--app-gold-bright);display:flex;flex:0 0 auto;font:400 1.25rem/1 "Jersey 10",monospace;gap:8px;text-decoration:none;text-transform:uppercase}.app-mobile-brand img{border-radius:8px}.app-mobile-bar nav{display:flex;gap:4px}.app-mobile-bar nav a{border:1px solid transparent;border-radius:6px;color:var(--app-muted);font:650 .76rem/1 DM Sans,system-ui,sans-serif;padding:10px;text-decoration:none}.app-mobile-bar nav a[aria-current=page]{border-color:#e8a8305c;color:var(--app-gold-bright)}.app-main{padding:26px 16px 34px}.app-page-header{display:grid;gap:18px;grid-template-columns:1fr auto}.app-title-block h1{font-size:clamp(2.45rem,14vw,3.25rem)}.app-preview-notice{font-size:.66rem;margin-top:14px}.app-overall-progress{min-width:112px}.app-browser-panel,.app-detail-panel{padding:18px}}@media (max-width: 500px){.app-mobile-brand span{display:none}.app-page-header{grid-template-columns:1fr}.app-overall-progress{padding-top:0}}@media (prefers-reduced-motion: reduce){.player-app-shell *,.app-auth-gate *{scroll-behavior:auto!important;transition:none!important}}