*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#0ff;font-family:Courier New,monospace;letter-spacing:1px;height:100vh;overflow:hidden}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.015),rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:999}.app{display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse at top,rgba(255,0,60,.15),transparent 60%),radial-gradient(ellipse at bottom left,rgba(0,255,255,.05),transparent 50%),#0a0a0a}.hud-header{display:flex;justify-content:space-between;align-items:flex-start;padding:14px 32px 10px;border-bottom:1px solid rgba(255,0,60,.4);background:#0009}.hud-left{display:flex;gap:40px}.hud-stat{display:flex;align-items:center;gap:8px}.stat-val{font-size:18px;font-weight:700;color:#ff003c}.stat-val.green{color:#00ff90}.stat-label{font-size:11px;color:#0ff9}.stat-label.green{color:#00ff9099}.stat-bar{width:80px;height:4px;background:#ffffff1a}.stat-fill{height:100%;background:#ff003c}.stat-fill.green{background:#00ff90}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.hud-tag{font-size:12px;color:#0ff}.hud-tag.red{color:#ff003c}.main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px}.menu-grid{display:flex;gap:8px}.menu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:180px;height:80px;border:1px solid rgba(0,255,255,.3);background:#00000080;cursor:pointer;transition:all .15s ease;clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,8% 100%,0 88%);position:relative}.menu-card:hover{border-color:#0ff;background:#00ffff0d;box-shadow:0 0 12px #0ff3}.menu-card.active{background:#ff003c26;border-color:#ff003c;box-shadow:0 0 16px #ff003c66}.card-icon{font-size:20px;color:#ff003c}.menu-card.active .card-icon{color:#fff}.card-label{font-size:11px;letter-spacing:2px}.panel{width:900px;max-width:95vw;border:1px solid rgba(0,255,255,.25);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:28px 36px;clip-path:polygon(0 0,97% 0,100% 4%,100% 100%,3% 100%,0 96%);animation:hudEnter .2s ease-out}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,0,60,.3);padding-bottom:10px}.panel-title{font-size:22px;letter-spacing:4px;color:#ff003c}.panel-close{font-size:11px;color:#00ffff80;cursor:pointer;border:1px solid rgba(0,255,255,.3);padding:4px 10px}.panel-close:hover{color:#fff;border-color:#fff}@keyframes hudEnter{0%{opacity:0;transform:scaleY(.95);filter:blur(3px)}to{opacity:1;transform:scaleY(1);filter:blur(0)}}.section-content{display:flex;flex-direction:column;gap:14px}.label{color:#ff003c;min-width:110px;font-size:12px;letter-spacing:1px}.char-row{display:flex;gap:16px;font-size:13px;align-items:center}.status-ok{color:#00ff90}.skill-row{display:flex;align-items:center;gap:12px;font-size:12px}.skill-bar{flex:1;height:6px;background:#00ffff1a;border:1px solid rgba(0,255,255,.2)}.skill-fill{height:100%;background:#0ff;box-shadow:0 0 6px #0ff}.skill-num{color:#ff003c;min-width:28px;text-align:right;font-size:12px}.journal-entry{border-left:2px solid #ff003c;padding-left:12px}.journal-header{display:flex;justify-content:space-between;margin-bottom:4px}.journal-title{font-weight:700;font-size:13px}.journal-tag{color:#ff003c;font-size:10px}.journal-desc{font-size:12px;color:#0ff9}.map-link{display:flex;gap:20px;font-size:13px;align-items:center}.map-link a{color:#0ff;text-decoration:none;opacity:.7}.map-link a:hover{opacity:1;text-shadow:0 0 8px #00ffff}.hud-footer{display:flex;justify-content:space-between;padding:8px 32px;font-size:10px;color:#00ffff4d;border-top:1px solid rgba(255,0,60,.2);background:#00000080}