@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--primary: #00ffea;--primary-dim: rgba(0, 255, 234, .1);--primary-glow: rgba(0, 255, 234, .6);--bg-dark: #000505;--card-bg: rgba(0, 15, 15, .9);--text-main: #e0ffff;--text-muted: #8a9ba8;--border-color: #004d4d}body,html{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-dark);color:var(--primary);font-family:Share Tech Mono,monospace;overflow-x:hidden}h1,h2,h3,.retro-font{font-family:"Press Start 2P",cursive;text-transform:uppercase;letter-spacing:1px}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:1000;opacity:.3}.bg-glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80vw;height:80vh;background:radial-gradient(circle,#00ffea0d,#0000 70%);pointer-events:none;z-index:0;animation:pulseBackground 8s infinite alternate}@keyframes pulseBackground{0%{opacity:.5;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}#page-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100dvh;padding:80px 1rem 2rem;box-sizing:border-box;position:relative;z-index:1}.ui-card{padding:2.5rem;border:1px solid var(--primary);border-radius:4px;background:var(--card-bg);box-shadow:0 0 15px var(--primary-dim),inset 0 0 20px #00ffea0d;width:100%;max-width:800px;text-align:center;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ui-card:before,.ui-card:after{content:"";position:absolute;width:10px;height:10px;border:2px solid var(--primary);transition:all .3s ease}.ui-card:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.ui-card:after{bottom:-2px;right:-2px;border-left:none;border-top:none}.page-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--primary-dim);padding-bottom:1.5rem;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header-actions{display:flex;gap:1rem}.page-header h1{margin:0;font-size:1.2rem;color:var(--primary);text-shadow:0 0 5px var(--primary-glow);flex-grow:1}.action-btn{display:inline-flex;align-items:center;padding:8px 16px;font-family:"Press Start 2P",cursive;font-size:.6rem;text-decoration:none;cursor:pointer;text-transform:uppercase;border:1px solid var(--primary);background:transparent;color:var(--primary);transition:all .2s}.action-btn:hover{background:#00ffea1a;box-shadow:0 0 10px var(--primary-dim);transform:translateY(-2px)}.share-btn{background:var(--primary);color:#000}.share-btn:hover{background:#fff;color:#000}.game-section{margin-bottom:3rem;text-align:left}.game-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;border-left:4px solid var(--primary);padding-left:1rem;background:linear-gradient(90deg,rgba(0,255,234,.05) 0%,transparent 100%);padding-top:.5rem;padding-bottom:.5rem}.game-header h2{margin:0;font-size:1rem;color:var(--text-main)}.game-stats{display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat-pill{background:#0006;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.5rem}.stat-pill span{color:var(--primary);font-weight:700;font-size:.9rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.achievement-card{display:flex;align-items:center;gap:1rem;background:#0000004d;border:1px solid var(--border-color);padding:1rem;border-radius:4px;transition:all .3s;position:relative;overflow:hidden}.achievement-card.unlocked{border-color:var(--primary-dim);background:#00ffea05}.achievement-card.unlocked:hover{border-color:var(--primary);box-shadow:inset 0 0 15px #00ffea0d;transform:translateY(-2px)}.achievement-card.locked{opacity:.5;filter:grayscale(1)}.achievement-icon{font-size:2rem;min-width:50px;text-align:center}.achievement-info{flex:1}.achievement-title{font-family:"Press Start 2P",cursive;font-size:.6rem;color:var(--primary);margin-bottom:.4rem;line-height:1.4}.achievement-desc{font-size:.8rem;color:var(--text-muted);line-height:1.3}.hidden{display:none!important}#loading-text{font-size:1.2rem}.cursor:after{content:"▋";animation:blink 1s infinite;margin-left:2px;color:var(--primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:600px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%;justify-content:space-between}.ui-card{padding:1.5rem;width:95%}.achievement-card{flex-direction:column;text-align:center;gap:.5rem}.achievement-icon{min-width:auto}.achievements-grid{grid-template-columns:1fr}}.top-nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#000505cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:2000;box-sizing:border-box;box-shadow:0 4px 30px #00000080}.nav-brand{font-family:"Press Start 2P",cursive;color:var(--text-main);text-decoration:none;font-size:.8rem;display:flex;align-items:center;gap:10px}.nav-brand .glitch-text{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.nav-right{display:flex;gap:2rem}.nav-link{font-family:Share Tech Mono,monospace;color:var(--text-muted);text-decoration:none;font-size:1rem;text-transform:uppercase;transition:color .3s,text-shadow .3s}.nav-link:hover{color:var(--primary);text-shadow:0 0 8px var(--primary-glow)}.hub-achievements-document,.hub-achievements-page{height:auto;min-height:100%;background:#020403}.hub-achievements-page{--room-ink:#dce6df;--room-muted:#829188;--room-green:#72ec91;--room-cyan:#72f7ff;--room-warm:#efc17c;--room-pink:#ff769f;color:var(--room-ink);overflow-x:clip;background:radial-gradient(circle at 50% 0,rgba(44,114,65,.09),transparent 34rem),repeating-linear-gradient(90deg,rgba(255,255,255,.013) 0 1px,transparent 1px 84px),#020403}.hub-achievements-page .scanlines{opacity:.08}.hub-achievements-page .bg-glow{display:none}.hub-achievements-page .top-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:68px;padding:.9rem clamp(1rem,4vw,4rem);box-sizing:border-box;background:#020403f2;border:0;border-bottom:1px solid rgba(180,204,188,.12);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.hub-achievements-page .nav-brand{display:flex;align-items:baseline;gap:.85rem;color:var(--room-ink);text-decoration:none;white-space:nowrap}.hub-achievements-page .nav-brand span{color:var(--room-green);font:400 .77rem/1.4 "Press Start 2P",monospace;text-shadow:0 0 9px rgba(114,236,145,.24)}.hub-achievements-page .nav-brand small{color:#708178;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.hub-achievements-page .nav-right{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.5rem)}.hub-achievements-page .nav-link{color:#8c9a92;font-size:.82rem;letter-spacing:.06em;text-decoration:none;text-transform:none}.hub-achievements-page .nav-link:hover{color:var(--room-ink);text-shadow:none}.hub-achievements-page #page-wrapper{display:block;min-height:calc(100dvh - 68px);padding:clamp(3rem,6vw,6rem) 1.5rem 8rem;box-sizing:border-box}.hub-achievements-page #ui-container{width:min(1180px,100%);max-width:none;margin:0 auto;padding:0;color:var(--room-ink);background:transparent;border:0;border-radius:0;box-shadow:none;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none}.hub-achievements-page #ui-container:before,.hub-achievements-page #ui-container:after{content:none}.hub-achievements-page #loading-view,.hub-achievements-page #error-view{width:min(660px,100%);margin:clamp(4rem,10vw,8rem) auto 0;padding:3rem;box-sizing:border-box;border-top:8px solid #25342a;border-bottom:18px solid #101712;background:#07100b;box-shadow:0 18px #000;text-align:left}.hub-achievements-page .record-state-label{margin:0 0 1rem;color:var(--room-warm);font:400 .5rem/1.6 "Press Start 2P",monospace}.hub-achievements-page #loading-text,.hub-achievements-page #error-view h1{margin:0;color:#eef4ef;font-size:clamp(1rem,4vw,1.8rem);line-height:1.6;text-shadow:none}.hub-achievements-page #error-view p{color:#a5b2aa;line-height:1.6}.hub-achievements-page .back-btn{display:inline-flex;color:var(--room-green);text-decoration:none}.hub-achievements-page #content-view{position:relative}.hub-achievements-page #content-view:before{content:"";position:absolute;top:17rem;bottom:0;left:50%;z-index:-1;width:100vw;transform:translate(-50%);background:repeating-linear-gradient(0deg,transparent 0 375px,rgba(136,159,144,.06) 375px 377px,transparent 377px 390px)}.hub-achievements-page .page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin:0 0 2.8rem;padding:0 0 3rem;border:0;border-bottom:1px solid rgba(180,204,188,.18)}.hub-achievements-page .record-title-block>p{margin:0 0 1rem;color:var(--room-warm);font:400 .52rem/1.7 "Press Start 2P",monospace}.hub-achievements-page .record-title-block h1{margin:0;color:transparent;font:900 clamp(4rem,11vw,8.8rem)/.76 "Arial Black",Impact,sans-serif;letter-spacing:-.075em;text-transform:uppercase;-webkit-text-stroke:1px #dce6df;text-shadow:7px 7px 0 rgba(114,236,145,.12)}.hub-achievements-page .record-title-block>span{display:block;max-width:590px;margin-top:1.8rem;color:#a8b5ad;font-size:1rem;line-height:1.65}.hub-achievements-page .header-actions{display:grid;gap:.75rem;width:250px}.hub-achievements-page .action-btn{justify-content:center;min-height:46px;padding:.8rem 1rem;box-sizing:border-box;color:#dce7df;background:transparent;border:1px solid rgba(184,207,192,.34);font:400 .5rem/1.5 "Press Start 2P",monospace;text-align:center;text-transform:none}.hub-achievements-page .action-btn:hover{color:#07110a;background:#edf4ef;border-color:#edf4ef;box-shadow:none;transform:translateY(-2px)}.hub-achievements-page .share-btn{color:#08210f;background:var(--room-green);border-color:var(--room-green)}.hub-achievements-page #operator-info{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem;margin:0 0 5rem!important;padding:1rem 1.25rem;color:#7f8f85!important;background:#111a14;border-top:1px solid rgba(114,236,145,.25);border-bottom:8px solid #060a07;font-size:.8rem!important;letter-spacing:.06em}.hub-achievements-page #operator-info span{margin:0!important}.hub-achievements-page #operator-name,.hub-achievements-page #operator-level,.hub-achievements-page #total-exp{color:var(--room-green)!important}.hub-achievements-page .game-section{--game-color:var(--room-cyan);position:relative;margin:0 0 6rem;padding:0 0 2.1rem;text-align:left;border-bottom:18px solid #111a14;box-shadow:0 12px #000}.hub-achievements-page .game-section[data-game=glitched-hearts]{--game-color:var(--room-pink)}.hub-achievements-page .game-section[data-game=sylbit-boost-achievements],.hub-achievements-page .game-section[data-game=sylbit-boost]{--game-color:var(--room-green)}.hub-achievements-page .game-section[data-game=snake-game]{--game-color:var(--room-warm)}.hub-achievements-page .game-section[data-game=terminal-achievements],.hub-achievements-page .game-section[data-game=sylbit-terminal]{--game-color:var(--room-cyan)}.hub-achievements-page .game-section[data-game=training-simulations]{--game-color:#bd91ff}.hub-achievements-page .game-section[data-game=sylbit-memory-trail]{--game-color:var(--room-warm)}.hub-achievements-page .game-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 2rem;padding:0 0 1.2rem;background:none;border:0;border-bottom:1px dashed color-mix(in srgb,var(--game-color) 38%,transparent)}.hub-achievements-page .game-header span{display:block;margin-bottom:.7rem;color:var(--game-color);font:400 .43rem/1.5 "Press Start 2P",monospace}.hub-achievements-page .game-header h2{margin:0;color:#e6ede8;font:700 clamp(1.4rem,4vw,2.7rem)/1 "Arial Black",Impact,sans-serif;letter-spacing:-.035em;text-transform:uppercase}.hub-achievements-page .game-header p{margin:0;color:#7f8f85;font-size:.78rem;text-transform:uppercase}.hub-achievements-page details.game-section{margin-bottom:2.2rem;padding-bottom:0;transition:border-color .18s ease,background .18s ease}.hub-achievements-page details.game-section[open]{margin-bottom:5.5rem;padding-bottom:2.1rem}.hub-achievements-page details.game-section:not([open]){border-bottom-color:#0b110d;box-shadow:0 7px #000}.hub-achievements-page summary.game-header{margin:0;padding:1.4rem 1rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;border-bottom:0;background:#080f0ab8}.hub-achievements-page summary.game-header::-webkit-details-marker{display:none}.hub-achievements-page summary.game-header:hover,.hub-achievements-page summary.game-header:focus-visible{outline:0;background:color-mix(in srgb,var(--game-color) 7%,#08100b)}.hub-achievements-page summary.game-header p:after{content:"  /  OPEN";color:var(--game-color);font:400 .42rem/1.4 "Press Start 2P",monospace}.hub-achievements-page details[open]>summary.game-header{margin-bottom:2rem;border-bottom:1px dashed color-mix(in srgb,var(--game-color) 38%,transparent);background:color-mix(in srgb,var(--game-color) 6%,#08100b)}.hub-achievements-page details[open]>summary.game-header p:after{content:"  /  CLOSE"}.hub-achievements-page .game-record-drawer{animation:recordDrawerOpen .28s ease both}.hub-achievements-page .game-stats{display:flex;gap:2rem;margin:0 0 2.2rem}.hub-achievements-page .stat-pill{padding:0;color:#839289;background:none;border:0;border-radius:0}.hub-achievements-page .stat-pill span{color:var(--game-color);font-size:1.05rem}.hub-achievements-page .achievements-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem 1.25rem;align-items:stretch;padding:0 1rem}.hub-achievements-page .achievement-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:.8rem;min-height:118px;padding:1rem 1rem 1.25rem;box-sizing:border-box;color:var(--room-ink);background:#0b130e;border:0;border-top:5px solid #29382e;border-bottom:9px solid #020403;border-radius:0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);box-shadow:0 10px #000000b8;text-decoration:none;overflow:visible;transform:translateY(0) rotate(-.25deg);transition:transform .18s ease,background .18s ease}.hub-achievements-page .achievement-card:nth-child(3n+2){transform:translateY(8px) rotate(.3deg)}.hub-achievements-page .achievement-card:nth-child(3n){transform:translateY(-4px) rotate(.15deg)}.hub-achievements-page .achievement-card:after{content:"";position:absolute;right:12px;bottom:-9px;width:34px;height:9px;background:var(--game-color);opacity:.28}.hub-achievements-page .achievement-card.unlocked{background:color-mix(in srgb,var(--game-color) 10%,#09100c);border-top-color:color-mix(in srgb,var(--game-color) 68%,#29382e)}.hub-achievements-page .achievement-card.unlocked:hover{background:color-mix(in srgb,var(--game-color) 16%,#09100c);border-color:var(--game-color);box-shadow:0 10px #000000b8;transform:translateY(-5px) rotate(0)}.hub-achievements-page .achievement-card.locked{opacity:.42;filter:grayscale(1);background:transparent;border:1px dashed #526159;border-bottom:9px solid #020403;box-shadow:none}.hub-achievements-page .achievement-card.locked:after{display:none}.hub-achievements-page .achievement-mount{position:absolute;top:-10px;left:18px;width:30px;height:10px;background:#334139;box-shadow:0 2px #000}.hub-achievements-page .unlocked .achievement-mount{background:var(--game-color)}.hub-achievements-page .achievement-icon{display:grid;place-items:center;width:52px;height:52px;min-width:0;color:#051008;background:color-mix(in srgb,var(--game-color) 75%,white);border-radius:50%;font-size:1.65rem;box-shadow:inset 0 -6px #0000003b}.hub-achievements-page .locked .achievement-icon{background:#263129;box-shadow:inset 0 -6px #00000059}.hub-achievements-page .achievement-title{margin:0 0 .45rem;color:var(--game-color);font:400 .53rem/1.45 "Press Start 2P",monospace}.hub-achievements-page .locked .achievement-title{color:#929f97}.hub-achievements-page .achievement-desc{color:#9caba2;font-size:.8rem;line-height:1.4}.hub-achievements-page .training-arrow{color:var(--game-color);font-size:1.2rem}@media(max-width:900px){.hub-achievements-page .achievements-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-achievements-page .page-header{grid-template-columns:minmax(0,1fr)}.hub-achievements-page .header-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}@media(max-width:600px){.hub-achievements-page .top-nav{position:relative;display:block;min-height:0;padding:1rem}.hub-achievements-page .nav-brand{justify-content:flex-start;width:100%}.hub-achievements-page .nav-right{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:1.1rem}.hub-achievements-page .nav-link{font-size:.59rem;text-align:center}.hub-achievements-page #page-wrapper{padding:3.2rem .75rem 5rem}.hub-achievements-page .record-title-block h1{font-size:clamp(3.8rem,21vw,6rem);line-height:.8}.hub-achievements-page .header-actions{grid-template-columns:minmax(0,1fr)}.hub-achievements-page #operator-info{margin-bottom:4rem!important}.hub-achievements-page .game-section{margin-bottom:5rem}.hub-achievements-page .game-header{align-items:start;flex-direction:column}.hub-achievements-page .game-header h2{font-size:clamp(1.35rem,8vw,2.1rem);overflow-wrap:anywhere}.hub-achievements-page .achievements-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:0 .45rem}.hub-achievements-page .achievement-card,.hub-achievements-page .achievement-card:nth-child(3n+2),.hub-achievements-page .achievement-card:nth-child(3n){transform:none}.hub-achievements-page .achievement-card:nth-child(2n){margin-left:1rem}.hub-achievements-page .game-stats{gap:1rem}.hub-achievements-page #loading-view,.hub-achievements-page #error-view{padding:2rem 1.35rem}.hub-achievements-page .nav-brand small{font-size:.6rem}}@media(prefers-reduced-motion:reduce){.hub-achievements-page *,.hub-achievements-page *:before,.hub-achievements-page *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes recordDrawerOpen{0%{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.hub-achievements-page details.game-section{margin-bottom:1.4rem}.hub-achievements-page details.game-section[open]{margin-bottom:4rem}}
