:root{color-scheme:dark;--ink: #f7fff7;--paper: #050605;--grid: rgba(145, 255, 188, .14);--green: #52ff8f;--cyan: #35c2ff;--pink: #ff3b8d;--amber: #ffd166;--panel: rgba(5, 8, 7, .76);--edge: rgba(247, 255, 247, .22)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100svh}#game-shell{position:fixed;inset:0;isolation:isolate;min-width:320px;min-height:420px;background:radial-gradient(circle at 16% 18%,rgba(82,255,143,.18),transparent 28%),radial-gradient(circle at 84% 12%,rgba(255,59,141,.18),transparent 24%),linear-gradient(180deg,#071008,#020302 58%,#080806);touch-action:none}#game{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:none}#hud{position:absolute;top:clamp(12px,2.5vw,24px);left:clamp(12px,3vw,32px);right:clamp(12px,3vw,32px);z-index:2;display:flex;align-items:start;justify-content:space-between;gap:16px;pointer-events:none}.hud-brand{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--edge);border-radius:8px;background:var(--panel);box-shadow:0 16px 48px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hud-title{font-size:clamp(18px,3.5vw,44px);line-height:.95;font-weight:900;letter-spacing:0;color:var(--green);text-shadow:0 0 18px rgba(82,255,143,.72),2px 2px 0 rgba(255,59,141,.5)}.hud-subtitle{font-size:clamp(10px,1.4vw,14px);line-height:1;font-weight:800;letter-spacing:0;color:#f7fff7ad}.social-progress{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex-wrap:wrap}.progress-chip{display:grid;grid-template-columns:28px minmax(76px,120px);align-items:center;gap:8px;min-height:38px;padding:6px 8px;border:1px solid var(--edge);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:center}.chip-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:999px;font-size:11px;font-weight:900;color:#fff}.chip-icon.linkedin{background:#0a66c2}.chip-icon.github{background:#0d1117}.chip-icon.instagram{background:radial-gradient(circle at 28% 110%,#ffdc80 0 16%,transparent 17%),radial-gradient(circle at 20% 84%,#fcaf45 0 24%,transparent 25%),radial-gradient(circle at 80% 18%,#833ab4 0 32%,transparent 33%),linear-gradient(135deg,#f56040,#c13584 48%,#405de6)}.progress-track{width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#f7fff724,#f7fff712),#00000057;overflow:hidden;box-shadow:inset 0 0 0 1px #f7fff71a,inset 0 1px 4px #0000005c}.progress-fill{display:block;height:100%;width:100%;transform:scaleX(var(--health));transform-origin:left center;border-radius:inherit;background:currentColor;box-shadow:0 0 12px currentColor;transition:transform .26s cubic-bezier(.2,.8,.25,1)}.progress-chip.is-hit{animation:hud-hit .28s ease-out}.progress-chip.is-hit .chip-icon{animation:icon-hit .28s ease-out}.progress-chip.is-hit .progress-fill{box-shadow:0 0 16px currentColor,0 0 28px currentColor}@keyframes hud-hit{0%{transform:translate(0) scale(1);border-color:#f7fff738}35%{transform:translate(-3px) scale(1.04);border-color:currentColor}72%{transform:translate(2px) scale(.99)}to{transform:translate(0) scale(1);border-color:#f7fff738}}@keyframes icon-hit{0%,to{transform:rotate(0) scale(1)}40%{transform:rotate(-10deg) scale(1.15)}}.loss-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,transparent 0 28%,rgba(0,0,0,.7) 66%),#000000b8}.loss-overlay[hidden]{display:none}.loss-overlay img{width:min(90vw,720px);max-height:min(74vh,480px);object-fit:contain;border:1px solid rgba(247,255,247,.28);border-radius:8px;box-shadow:0 30px 90px #000000b8,0 0 54px #ffd16647}@media(max-width:720px){#hud{align-items:stretch;gap:10px}.hud-brand{padding:8px 10px}.social-progress{gap:6px}.progress-chip{grid-template-columns:24px 56px;min-height:34px;gap:6px;padding:5px 6px}.chip-icon{width:22px;height:22px;font-size:9px}}