@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--panel:#720000;--panel-hover:#8c0000;--bevel-lt:#c4bcbc;--bevel-md:#806868;--bevel-dk:#2c0404;--text:#fff;--text-dim:#fbb;--cyan:#4af5ff;--gold:#f0c840;font-size:20px}html,body{height:100%}body{background-color:var(--bg);color:var(--text);background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#0003 3px 4px);font-family:"Press Start 2P",monospace;line-height:1.8}#root{flex-direction:column;align-items:stretch;min-height:100svh;padding:1.5rem;display:flex}.layout{flex-direction:row;flex:1;align-items:stretch;gap:10px;width:100%;display:flex}.ff-window{background:var(--panel);border-top:6px solid var(--bevel-lt);border-left:6px solid var(--bevel-lt);border-bottom:6px solid var(--bevel-dk);border-right:6px solid var(--bevel-dk);border-radius:10px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 0 0 2px #060002,inset 3px 3px 6px #ffd2d21a,inset -3px -3px 6px #00000038}.ff-window--links{flex:0 0 320px}.title-bar{background:var(--panel);border-bottom:2px solid var(--bevel-dk);text-align:center;padding:.6rem 1rem;box-shadow:inset 0 1px #ffd2d21f,inset 0 -1px #00000040}.title-bar h1,.title-bar h2{color:var(--text);letter-spacing:.06em;font-size:.7rem;font-weight:400}.portrait-section{border-bottom:2px solid var(--bevel-dk);align-items:flex-start;gap:1rem;padding:1rem;display:flex;box-shadow:inset 0 -1px #ffd2d214}.avatar-wrap{border-top:4px solid var(--bevel-lt);border-left:4px solid var(--bevel-lt);border-bottom:4px solid var(--bevel-dk);border-right:4px solid var(--bevel-dk);background:#000;border-radius:6px;flex-shrink:0;width:120px;height:120px;overflow:hidden;box-shadow:0 0 0 2px #060002,inset 2px 2px 4px #ffd2d21a,inset -2px -2px 4px #0003}.avatar{width:100%;height:100%;image-rendering:pixelated;display:block}.bio{color:var(--text-dim);padding-top:.2rem;font-size:.55rem;line-height:2.2}.stats-section{flex-direction:column;gap:.6rem;padding:1rem;display:flex}.stat-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.stat-label{color:var(--cyan);white-space:nowrap;flex-shrink:0;font-size:.5rem}.stat-value{color:var(--text);text-align:right;font-size:.55rem}.stat-link{text-underline-offset:4px;color:var(--cyan);text-decoration:underline}.stat-link:hover{color:var(--gold)}.menu-list{padding:.5rem 0;list-style:none}.menu-item{color:var(--text);border-bottom:2px solid var(--bevel-dk);align-items:center;gap:.6rem;padding:.5rem 1rem;font-size:.6rem;text-decoration:none;transition:background 50ms;display:flex;position:relative;box-shadow:inset 0 -1px #ffd2d20f}.menu-item:last-child{box-shadow:none;border-bottom:none}.menu-item:hover,.menu-item:focus-visible{background:var(--panel-hover);outline:none}.menu-cursor{width:32px;height:32px;image-rendering:pixelated;opacity:0;flex-shrink:0;transition:opacity 50ms}.menu-item:hover .menu-cursor,.menu-item:focus-visible .menu-cursor{opacity:1}.menu-icon{width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.menu-item-label{flex-direction:column;flex:1;display:flex}.menu-item-handle{color:var(--text-dim);opacity:0;word-break:break-all;max-height:0;font-size:.45rem;transition:max-height .15s,opacity .15s;overflow:hidden}.menu-item:hover .menu-item-handle,.menu-item:focus-visible .menu-item-handle{opacity:1;max-height:2rem}.site-footer{text-align:center;color:var(--text-dim);flex-direction:column;gap:.4rem;padding:1rem;font-size:.4rem;display:flex}.footer-link{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.footer-link:hover{color:var(--gold)}@media (width<=700px){.layout{flex-direction:column}.ff-window--links{flex:none;width:100%}}