@font-face{font-family:BM Space;src:url(/fonts/BMSPA___.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--navy-900: #050a1f;--navy-800: #0a1230;--blue-500: #00bfff;--blue-300: #a0d2eb;--blue-100: #e0f7fa;--green-400: #b2ff59;--text: #ffffff;--text-dim: #d5dced;--panel-bg: rgba(6, 12, 36, .93);--panel-border: 2px solid var(--blue-500);--inset-bg: rgba(0, 0, 0, .32);--skew: -10deg;--unskew: 10deg;--shadow-hard: 4px 4px 0 rgba(0, 0, 0, .5);--shadow-text: 2px 2px 0 #000;--glow: 0 0 30px rgba(0, 191, 255, .15);--fs-title: clamp(3rem, 12vw, 5.5rem);--fs-menu: clamp(2.2rem, 7vw, 4rem);--fs-h2: clamp(1.8rem, 5vw, 3rem);--fs-h3: clamp(1.2rem, 3.4vw, 1.6rem);--fs-body: clamp(.95rem, 2.4vw, 1.1rem);--fs-small: clamp(.72rem, 2vw, .85rem);color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--navy-900);color:var(--text);font-family:BM Space,Courier New,monospace;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{position:relative;display:flex;height:100vh;height:100dvh;overflow:hidden;background-color:var(--navy-900)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--blue-100);outline-offset:3px}.backdrop-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(115deg,rgba(0,191,255,.06) 0 1px,transparent 1px 64px),repeating-linear-gradient(65deg,rgba(0,191,255,.04) 0 1px,transparent 1px 64px);animation:grid-drift 24s linear infinite}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:128px 64px,-128px 64px}}.backdrop-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.55) 100%),repeating-linear-gradient(to bottom,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.moon{position:absolute;top:-6%;right:16%;width:clamp(180px,24vw,330px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffffff,var(--blue-100) 55%,#9fb8cc 100%);box-shadow:0 0 70px 14px #00bfff2e,inset -30px -30px 55px #00000059;filter:blur(1px);z-index:1;pointer-events:none}@media(max-width:767px){.moon{top:4%;right:-12%;width:190px}}.title-screen{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;padding:24px;border:0;color:inherit;font:inherit;text-align:center;cursor:pointer;background-color:var(--navy-900);background-image:linear-gradient(#050a1f73,#050a1fbf),url(/title-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.title-screen__name{font-size:var(--fs-title);letter-spacing:4px;color:var(--blue-500);text-shadow:4px 4px 0 #000,0 0 40px rgba(0,191,255,.45);text-transform:uppercase}.title-screen__subtitle{font-size:clamp(1.1rem,3.5vw,1.8rem);letter-spacing:6px;color:var(--blue-100);text-shadow:2px 2px 0 #000,0 0 18px rgba(0,0,0,.9);text-transform:uppercase}.title-screen__prompt{position:absolute;bottom:12%;padding:10px 22px;font-size:clamp(.95rem,2.6vw,1.3rem);letter-spacing:2px;background-color:#0000008c;border:1px solid rgba(0,191,255,.5);border-radius:4px;text-shadow:var(--shadow-text)}.hud{position:absolute;top:0;right:0;z-index:6;display:flex;align-items:center;gap:10px;padding:14px 18px}.hud__clock{padding:6px 14px;text-align:right;background-color:#00000073;border-right:4px solid var(--blue-500);transform:skew(var(--skew))}.hud__clock>*{display:block;transform:skew(var(--unskew))}.hud__date{font-size:var(--fs-small);letter-spacing:1px;color:var(--blue-300)}.hud__time{font-size:clamp(1rem,3vw,1.3rem);letter-spacing:2px;color:var(--text)}.hud__button{display:grid;place-items:center;width:42px;height:42px;font:inherit;font-size:1.1rem;color:var(--blue-500);background-color:#00000073;border:2px solid var(--blue-500);cursor:pointer;transform:skew(var(--skew));transition:background-color .15s ease,color .15s ease}.hud__button>*{transform:skew(var(--unskew))}.hud__button:hover,.hud__button[aria-pressed=true]{color:var(--navy-900);background-color:var(--blue-500)}@media(max-width:767px){.hud{padding:10px 14px;gap:6px}.hud__button{width:36px;height:36px;font-size:.95rem}.hud__clock{padding:4px 10px}}@media(max-width:360px){.hud__date{display:none}}.layout{position:relative;z-index:2;display:flex;align-items:center;width:100%;height:100%;gap:2vw}.menu-pane{flex:1;padding-left:8%}.menu{display:flex;flex-direction:column;gap:18px;list-style:none}.menu__button{display:block;width:fit-content;padding:5px 40px;font:inherit;font-size:var(--fs-menu);line-height:1.1;color:var(--text);text-transform:uppercase;text-shadow:4px 4px 0 #000;background-color:transparent;border:0;border-left:10px solid transparent;cursor:pointer;transition:color .12s ease-out,background-color .12s ease-out,border-color .12s ease-out}.menu__button:hover,.menu__button.is-active{color:var(--navy-900);text-shadow:none;background-color:var(--blue-500);border-left-color:var(--text)}.menu__hint{margin-top:26px;padding-left:40px;font-size:var(--fs-small);letter-spacing:1px;color:var(--blue-300);opacity:.75}.content-pane{flex:1.5;height:80%;padding-right:5%}.panel{display:flex;flex-direction:column;height:100%;padding:36px;background-color:var(--panel-bg);border:var(--panel-border);border-radius:10px;box-shadow:var(--glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel__title{margin-bottom:18px;padding-bottom:10px;font-size:var(--fs-h2);color:var(--blue-500);text-transform:uppercase;text-shadow:var(--shadow-text);border-bottom:2px solid var(--blue-500)}.panel__body{flex:1;min-height:0;overflow:hidden}.panel__back{align-self:flex-start;margin-bottom:14px;padding:6px 16px;font:inherit;font-weight:700;color:var(--navy-900);text-transform:uppercase;background-color:var(--blue-500);border:0;cursor:pointer;transform:skew(var(--skew));box-shadow:2px 2px #00000080}.panel__back:hover{background-color:var(--blue-100)}@media(max-width:767px){.layout{flex-direction:column;align-items:stretch;gap:0}.menu-pane{display:flex;flex-direction:column;justify-content:center;padding:84px 20px 40px}.menu{gap:14px}.menu__button{padding:5px 18px}.menu__hint{display:none}.content-pane{flex:1;width:100%;height:100%;min-height:0;padding:60px 12px 12px}.panel{padding:18px;border-radius:8px}}.scroll-area{display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding-right:12px;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent 100%)}@media(max-width:767px){.scroll-area{padding-right:6px;gap:16px}}.section-label{margin-bottom:8px;padding-bottom:5px;font-size:var(--fs-h3);color:var(--blue-500);letter-spacing:1px;border-bottom:1px solid rgba(0,191,255,.3)}.status__name{font-size:clamp(1.7rem,5.5vw,2.8rem);text-shadow:2px 2px 0 #000}.status__class{margin-top:2px;font-size:var(--fs-body);color:var(--blue-300);text-transform:uppercase;letter-spacing:1px}.status__location{font-size:var(--fs-small);color:var(--text-dim);opacity:.8}.status__bio{padding:14px 16px;font-size:var(--fs-body);line-height:1.65;background-color:var(--inset-bg);border-left:4px solid var(--blue-500)}.entry{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px}.entry__primary{font-size:var(--fs-body);font-weight:700}.entry__meta{font-size:var(--fs-small);color:var(--blue-300)}.entry__secondary{margin-top:3px;font-size:var(--fs-small);color:var(--text-dim)}.bullets{margin:10px 0 0 18px;display:flex;flex-direction:column;gap:6px;font-size:var(--fs-small);line-height:1.55;color:var(--text-dim)}.bullets li::marker{color:var(--blue-500)}.stack{display:flex;flex-direction:column;gap:12px}.badge{padding:2px 8px;font-size:.7rem;letter-spacing:1px;color:var(--green-400);border:1px solid currentColor}.badge--active{color:var(--blue-500)}.skill-card{display:flex;align-items:center;gap:14px;width:100%;padding:12px 18px;background-color:#050a1fe6;border:2px solid var(--blue-500);box-shadow:var(--shadow-hard);transform:skew(var(--skew))}.skill-card>*{transform:skew(var(--unskew))}.skill-card__sigil{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;font-weight:700;color:var(--navy-900);background-color:var(--blue-500);border-radius:5px}.skill-card__body{flex:1;min-width:0}.skill-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}.skill-card__name{font-size:var(--fs-body);font-weight:700;text-shadow:1px 1px 0 #000}.skill-card__level{flex-shrink:0;font-size:var(--fs-small);color:var(--blue-300)}.skill-card__tag{margin-bottom:7px;font-size:.68rem;color:var(--text-dim);opacity:.75}.gauge{display:flex;align-items:center;gap:6px;margin-bottom:3px}.gauge__label{width:22px;font-size:.68rem}.gauge__track{flex:1;height:6px;background-color:#00000080;border:1px solid #333}.gauge__fill{height:100%}.gauge--hp .gauge__label{color:var(--green-400)}.gauge--hp .gauge__fill{background-color:var(--green-400);box-shadow:0 0 6px var(--green-400)}.gauge--sp .gauge__label{color:var(--blue-500)}.gauge--sp .gauge__fill{background-color:var(--blue-500);box-shadow:0 0 6px var(--blue-500)}.arsenal{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.arsenal li{padding:5px 11px;font-size:var(--fs-small);color:var(--blue-100);background-color:#00bfff1a;border:1px solid rgba(0,191,255,.45)}.quest{position:relative;flex-shrink:0;padding:18px;overflow:hidden;background-color:#0006;border:1px solid rgba(0,191,255,.4)}.quest:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background-color:#00bfff1a;transform:rotate(45deg)}.quest__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}.quest__title{font-size:var(--fs-h3);text-transform:uppercase}.quest__client{font-size:var(--fs-small);letter-spacing:1px;color:var(--blue-300)}.quest__state{position:relative;z-index:1;flex-shrink:0;padding:3px 10px;font-size:.72rem;font-weight:700;letter-spacing:1px;color:var(--green-400);border:2px solid currentColor;transform:rotate(4deg)}.quest__state--active{color:var(--blue-500)}.quest__techs{margin-bottom:8px;font-size:.7rem;font-weight:700;color:var(--blue-500)}.quest__desc{font-size:var(--fs-body);line-height:1.55;color:#e8ecf5}@media(max-width:767px){.quest__head{flex-direction:column}}.system-list{display:flex;flex-direction:column;gap:14px;justify-content:center;height:100%;padding:4px;overflow-y:auto}.system-option{display:flex;text-decoration:none;align-items:center;gap:18px;width:100%;padding:16px 26px;font:inherit;text-align:left;color:var(--text);background-color:#00bfff1a;border:2px solid var(--blue-500);box-shadow:var(--shadow-hard);cursor:pointer;transform:skew(var(--skew));transition:background-color .18s ease,color .18s ease}.system-option>*{display:block;transform:skew(var(--unskew))}.system-option:hover,.system-option:focus-visible{color:var(--navy-900);background-color:var(--blue-500)}.system-option__icon{display:flex;font-size:clamp(1.5rem,4vw,2.2rem)}.system-option__label,.system-option__sub{display:block}.system-option__label{font-size:clamp(1.1rem,3vw,1.6rem);letter-spacing:2px}.system-option__sub{font-size:var(--fs-small);opacity:.85}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00bfff1a;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--blue-500);border-radius:10px;box-shadow:inset 0 0 6px #00000080}::-webkit-scrollbar-thumb:hover{background:var(--blue-100)}.scroll-area{scrollbar-color:var(--blue-500) rgba(0,191,255,.1);scrollbar-width:thin}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.backdrop-grid{animation:none}}