<!-- SOLID CITY · part 3423 -->
e:12px;letter-spacing:.14em;color:#b9aeb8}
.cs input{width:150px;height:44px;border-radius:12px;border:1px solid #6b5220;background:#0c0a0e;color:#fff;font:700 16px RC,system-ui;padding:0 12px;text-transform:uppercase;-webkit-user-select:text;user-select:text}
.back{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:#e8c36a;font-size:14px;text-decoration:none;padding:0 10px}
.keys{margin-top:6px;color:#8d8392;font-size:12px;letter-spacing:.06em}
/* ---------- HUD ---------- */
#hud{position:fixed;inset:0;z-index:10;pointer-events:none}
#hud button,#hud a,#stick{pointer-events:auto}
.top{position:absolute;top:calc(8px + env(safe-area-inset-top));left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));display:flex;flex-direction:column;gap:6px}
.row{display:flex;gap:6px;align-items:stretch;min-width:0}
.pill{background:rgba(6,4,8,.74);border:1px solid #6b5220;border-radius:11px;padding:4px 9px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.pill b{font:800 16px/1.05 RC,ui-monospace,monospace;color:#f6dc8e;white-space:nowrap}
.pill span{font-size:9px;letter-spacing:.16em;color:#b9aeb8;white-space:nowrap}
.obj{flex:1}.obj b{color:#ff5a6a;font-size:13px;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis}
.ib{width:44px;min-height:44px;border-radius:11px;border:1px solid #6b5220;background:rgba(6,4,8,.74);color:#e8c36a;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:18px;padding:0;cursor:pointer;flex:0 0 44px}
.meter{flex:1;min-width:0}.meter .mb{height:7px;border-radius:5px;background:#1a0e10;overflow:hidden;margin-top:3px}
.meter .mb i{display:block;height:100%;width:100%;transition:width .12s}
#m-sh i{background:linear-gradient(90deg,#3aa0ff,#9fe8ff)}#m-sh.low i{background:#ff3048}
#m-bo i{background:linear-gradient(90deg,#ff7a1a,#ffd27a)}
.kills b{color:#9fffbf}
#h-mother{position:absolute;top:calc(112px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(320px,70vw);text-align:center;font:800 10px RC,system-ui;letter-spacing:.2em;color:#9fffbf}
#h-mother .mb{height:6px;border-radius:4px;background:#0b1a12;border:1px solid #2a6a44;margin-top:3px;overflow:hidden}#h-mbar{display:block;height:100%;background:linear-gradient(90deg,#2aff8a,#c4ffda);width:100%}
#h-banner{position:absolute;left:50%;top:27%;transform:translate(-50%,-50%);text-align:center;width:min(92vw,560px)}
#h-banner b{display:block;font:900 clamp(26px,8.5vw,52px)/1 RC,system-ui;letter-spacing:.1em;color:#ffe2a0;text-shadow:0 3px 0 #7a0814,0 0 26px rgba(255,120,40,.55)}
#h-banner span{display:block;margin-top:8px;font:700 clamp(12px,3.6vw,16px)/1.3 RC,system-ui;letter-spacing:.12em;color:#f4ead2;text-shadow:0 1px 4px #000}
#h-banner.show{animation:bin .5s ease-out}
@keyframes bin{0%{opacity:0;transform:translate(-50%,-50%) scale(1.25)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
#h-count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:900 min(42vw,240px)/1 RC,system-ui;color:#e8c36a;text-shadow:0 6px 0 #7a0814,0 0 40px rgba(255,120,40,.6)}
#h-count.pop{animation:pop .6s ease-out}@keyframes pop{0%{transform:scale(1.6);opacity:0}40%{opacity:1}100%{transform:scale(1)}}
.ovl{position:absolute;inset:0;opacity:0}
#h-hurt{background:radial-gradient(ellipse at center,rgba(255,0,30,0) 45%,rgba(255,0,30,.75) 100%)}
#h-heat{background:radial-gradient(ellipse at 50% 60%,rgba(255,120,20,0) 30%,rgba(255,90,10,.55) 85%,rgba(255,40,0,.8) 100%);mix-blend-mode:screen}
#h-cloud{background:radial-gradient(ellipse at center,rgba(255,236,226,.9),rgba(250,214,206,.75))}
#h-reticle{position:absolute;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid rgba(255,226,160,.85);border-radius:50%;box-shadow:0 0 8px rgba(255,180,80,.5)}
#h-reticle:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:2px;background:#ffe2a0}
#h-lock{position:absolute;left:0;top:0;border:2px solid #ff3048;border-radius:6px;transform-origin:0 0;margin:0;box-shadow:0 0 10px rgba(255,48,72,.7);translate:-50% -50%}
#h-lock:before{content:"LOCK";position:absolute;top:-16px;left:50%;transform:translateX(-50%);font:800 10px RC,system-ui;letter-spacing:.2em;color:#ff5a6a}
.mk{position:absolute;left:0;top:0;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid #63ff9e;transform-origin:50% 50%;rotate:45deg;opacity:.9}
.mk.boss{width:26px;height:26px;margin:-13px 0 0 -13px}
.mk.off{rotate:0deg;border:0;width:0;height:0;margin:-9px 0 0 -9px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:16px solid #63ff9e}
.mk.home{border-color:#ffd27a;border-radius:50%;rotate:0deg;width:24px;height:24px;margin:-12px 0 0 -12px;box-shadow:0 0 12px #ffb040}
.mk.home:after{content:"HOME";position:absolute;top:24px;left:50%;transform:translateX(-50%);font:800 11px RC,system-ui;lette