:root{font-family:Inter,Pretendard Variable,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#f0f2ff;background:#090b18;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #090b18;--bg-soft: #11142a;--surface: rgba(18, 22, 42, .92);--surface-solid: #171b35;--surface-elevated: #1f2447;--surface-soft: rgba(255, 255, 255, .04);--text: #f0f2ff;--muted: #a0aad0;--accent: #90a2ff;--accent-strong: #b3beff;--border: rgba(164, 179, 255, .18);--border-strong: rgba(164, 179, 255, .34);--shadow: 0 24px 80px rgba(4, 7, 19, .52);--radius: 28px;--radius-sm: 18px;--tile: rgba(255, 255, 255, .04)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 10%,rgba(110,130,255,.22),transparent 20%),radial-gradient(circle at 88% 12%,rgba(102,216,162,.16),transparent 18%),radial-gradient(circle at 50% 82%,rgba(255,126,168,.12),transparent 18%),linear-gradient(180deg,#0d1022,#090b18)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.14) 0 1px,transparent 1.5px);background-size:36px 36px,36px 36px,72px 72px;background-position:0 0,0 0,18px 10px;opacity:.15;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.92),transparent 95%);mask-image:linear-gradient(180deg,rgba(0,0,0,.92),transparent 95%)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}.topbar{width:min(1360px,calc(100vw - 32px));margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid var(--border);border-radius:20px;background:#0c0f1dc7;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-weight:700}.nav-link--active{color:var(--text);background:#90a2ff24;border-color:#90a2ff57}.page-shell{width:min(1360px,calc(100vw - 32px));margin:20px auto 64px;display:grid;gap:18px}.page-shell--taxonomy{width:min(1120px,calc(100vw - 32px))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:28px}.card--solid{background:var(--surface-solid)}.hero{display:grid;gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);align-items:start}.hero--rpg{position:relative;overflow:hidden}.hero--rpg:after{content:"";position:absolute;inset:auto -20% -40px -20%;height:140px;background:radial-gradient(circle at center,rgba(144,162,255,.16),transparent 72%);pointer-events:none}.hero__copy{display:grid;gap:16px;position:relative;z-index:1}.hero__panel{align-self:stretch}.hero__panel--data{display:grid;gap:14px;border-color:#90a2ff2e;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#13172ef5}.eyebrow{margin:0;color:var(--accent-strong);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.07em}h2{font-size:1.16rem;letter-spacing:-.03em}h3{font-size:1rem;letter-spacing:-.02em}.lead{max-width:74ch;font-size:1.05rem;line-height:1.75;color:var(--muted)}.muted-copy{color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip-row--dense{gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;font-size:.88rem;font-weight:700}.chip--primary{color:var(--text)}.chip--status{font-size:.84rem}.chip--status--success{color:#dcffe9}.chip--status--warning{color:#ffe5a6}.chip--status--danger{color:#ffd0da}.chip--status--neutral{color:#d7dcff}.chip--status--muted{color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block;flex:none;box-shadow:0 0 0 3px #ffffff0d}.status-dot--success{background:#72e5a5}.status-dot--warning{background:#ffd15b}.status-dot--danger{background:#ff7694}.status-dot--neutral{background:#a6b2ff}.status-dot--muted{background:#667090}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(320px,.82fr);gap:18px}.dashboard-map,.dashboard-side,.status-strip,.error-banner{display:grid;gap:18px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.map-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.phase-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);font-size:.8rem;font-weight:800}.phase-pill--loading,.phase-pill--retrying{color:#ffe5a0}.phase-pill--live{color:#98f0c8}.phase-pill--error{color:#ffb0c1}.legend-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:#90a2ff1f;border:1px solid rgba(144,162,255,.24);color:#d7dcff;font-size:.76rem;font-weight:800;letter-spacing:.02em}.legend-pill--ghost{background:#ffffff0a;border-color:var(--border);color:var(--muted)}.pixel-world{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(170px,1fr));gap:14px;padding:18px;border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(144,162,255,.11),transparent 34%),linear-gradient(180deg,#ffffff08,#ffffff03),#0c0f1ff5;border:1px solid rgba(144,162,255,.18);overflow:hidden}.pixel-world:before,.pixel-world:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pixel-world:before{background:radial-gradient(circle at 10% 18%,rgba(255,255,255,.08) 0 1px,transparent 1.6px),radial-gradient(circle at 30% 76%,rgba(255,255,255,.06) 0 1px,transparent 1.6px),radial-gradient(circle at 72% 22%,rgba(255,255,255,.08) 0 1px,transparent 1.6px),radial-gradient(circle at 84% 70%,rgba(255,255,255,.06) 0 1px,transparent 1.6px);opacity:.8}.pixel-world:after{background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.08) 100%)}.pixel-world__grid,.pixel-world__terrain,.pixel-world__lantern,.pixel-world__hub{position:absolute;pointer-events:none}.pixel-world__grid{top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(182,194,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(182,194,255,.08) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,#000000eb,#0000008c);mask-image:linear-gradient(180deg,#000000eb,#0000008c);opacity:.7}.pixel-world__terrain{width:100px;height:100px;border-radius:26px;filter:blur(.2px);opacity:.9}.pixel-world__terrain:before,.pixel-world__terrain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.pixel-world__terrain:before{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 55%);mix-blend-mode:screen}.pixel-world__terrain:after{top:22%;right:18%;bottom:22%;left:18%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 68%)}.pixel-world__terrain--forest{left:10px;top:10px;background:linear-gradient(180deg,#56dbff42,#34749361)}.pixel-world__terrain--forge{right:10px;top:10px;background:linear-gradient(180deg,#8d9bff47,#4550b766)}.pixel-world__terrain--observatory{left:10px;bottom:10px;background:linear-gradient(180deg,#f5be6238,#9f642166)}.pixel-world__terrain--watch{right:10px;bottom:10px;background:linear-gradient(180deg,#66d8a238,#2f7e5e6b)}.pixel-world__lantern{width:14px;height:14px;border-radius:4px;background:#ffe8a4;box-shadow:0 0 0 4px #ffe8a414,0 0 18px #ffe8a4b8}.pixel-world__lantern:before{content:"";position:absolute;left:50%;top:12px;width:2px;height:32px;transform:translate(-50%);background:linear-gradient(180deg,#dce4ffb3,#dce4ff1a)}.pixel-world__lantern--nw{left:18px;top:18px}.pixel-world__lantern--ne{right:18px;top:18px}.pixel-world__lantern--sw{left:18px;bottom:18px}.pixel-world__lantern--se{right:18px;bottom:18px}.pixel-world__hub{inset:50% auto auto 50%;width:110px;height:110px;transform:translate(-50%,-50%);border-radius:30px;background:radial-gradient(circle at 50% 50%,rgba(255,126,168,.18),transparent 58%),linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #90a2ff1f,0 0 40px #ff7ea826}.pixel-world__hub:before,.pixel-world__hub:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:24px;border:1px dashed rgba(255,255,255,.12)}.pixel-world__hub:after{top:32px;right:32px;bottom:32px;left:32px;border-style:solid;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 64%)}.agent-zone{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:grid;gap:10px;align-content:start;justify-items:stretch;border:1px solid rgba(164,179,255,.18);border-radius:24px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#12162ad1;color:inherit;padding:14px;text-align:left;box-shadow:0 18px 42px #070a1740;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease;min-height:0;overflow:hidden;isolation:isolate}.agent-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(255,255,255,.02));opacity:.6;z-index:-1}.agent-zone--research{box-shadow:0 0 0 1px #56dbff14,0 18px 42px #070a1740}.agent-zone--dev{box-shadow:0 0 0 1px #8d9bff14,0 18px 42px #070a1740}.agent-zone--pm{box-shadow:0 0 0 1px #ff7ea81a,0 18px 42px #070a1740}.agent-zone--review{box-shadow:0 0 0 1px #f5be6214,0 18px 42px #070a1740}.agent-zone--ops{box-shadow:0 0 0 1px #66d8a214,0 18px 42px #070a1740}.agent-zone:hover,.agent-zone:focus-visible{transform:translateY(-3px) scale(1.005);border-color:#a4b3ff5c;outline:none}.agent-zone--active{border-color:#90a2ff80;box-shadow:0 0 0 1px #90a2ff33,0 20px 50px #070a1759}.agent-zone--fresh-fresh{filter:saturate(1.08)}.agent-zone--fresh-stale{border-style:dashed}.agent-zone--fresh-offline{opacity:.82}.agent-zone--fresh-unknown{opacity:.72}.agent-zone__lantern{position:absolute;top:12px;width:10px;height:10px;border-radius:999px;box-shadow:0 0 0 3px #ffffff0d,0 0 12px currentColor;opacity:.85}.agent-zone__lantern--left{left:12px}.agent-zone__lantern--right{right:12px}.agent-zone--research .agent-zone__lantern{color:#56dbff;background:#56dbff}.agent-zone--dev .agent-zone__lantern{color:#8d9bff;background:#8d9bff}.agent-zone--pm .agent-zone__lantern{color:#ff7ea8;background:#ff7ea8}.agent-zone--review .agent-zone__lantern{color:#f5be62;background:#f5be62}.agent-zone--ops .agent-zone__lantern{color:#66d8a2;background:#66d8a2}.agent-character{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:start}.agent-character--active .sprite{box-shadow:0 0 0 1px #ffffff14,0 0 26px #90a2ff38}.agent-character__copy{display:grid;gap:6px;min-width:0}.agent-character__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.agent-character__zone,.agent-character__meta{color:var(--muted);line-height:1.45}.agent-character__zone{font-size:.95rem;color:#eef1ff}.agent-character__meta{font-size:.8rem;letter-spacing:.01em}.sprite{--sprite-primary: #7c8cff;--sprite-accent: #b3a1ff;--sprite-shadow: #3c47a8;width:74px;height:74px;border-radius:18px;background:linear-gradient(180deg,#ffffff14,#ffffff05),#0a0c1a8c;border:1px solid rgba(255,255,255,.08);padding:8px;display:grid;gap:3px;position:relative;overflow:hidden;image-rendering:pixelated;box-shadow:inset 0 -8px 16px #0000002e}.sprite--compact{width:88px;height:88px}.sprite:after{content:"";position:absolute;inset:auto 8px 6px 8px;height:6px;border-radius:999px;background:#ffffff14;filter:blur(2px)}.sprite__pixel{border-radius:2px;display:block}.sprite__pixel--0{background:transparent}.sprite__pixel--1{background:var(--sprite-primary);box-shadow:inset -1px -1px #00000029}.sprite__pixel--2{background:var(--sprite-accent);box-shadow:inset -1px -1px #0000001f}.sprite__initials{position:absolute;left:8px;right:8px;bottom:8px;text-align:center;font-size:.62rem;font-weight:900;letter-spacing:.18em;color:var(--sprite-shadow);text-shadow:0 1px 0 rgba(255,255,255,.18)}.sprite--idle{animation:sprite-idle 4.8s ease-in-out infinite}.sprite--move{animation:sprite-move 1.8s ease-in-out infinite}.sprite--bubble{animation:sprite-bubble 1.6s ease-in-out infinite}.sprite--inspect{animation:sprite-inspect 2.8s ease-in-out infinite}.sprite--alert{animation:sprite-alert .9s steps(2,end) infinite}.sprite--celebrate{animation:sprite-celebrate 1.2s ease-in-out infinite}.speech-bubble--bubble{animation:speech-pop 1.7s ease-in-out infinite}.speech-bubble--inspect{animation:speech-focus 2.8s ease-in-out infinite}.speech-bubble--alert{animation:speech-alert .8s ease-in-out infinite}.speech-bubble--celebrate{animation:speech-celebrate 1.4s ease-in-out infinite}.agent-zone--motion-idle .agent-zone__lantern,.agent-zone--motion-idle .agent-character,.agent-zone--motion-idle .speech-bubble{animation:zone-breathe 4.5s ease-in-out infinite}.agent-zone--motion-move .agent-zone__lantern,.agent-zone--motion-move .agent-character,.agent-zone--motion-move .speech-bubble{animation:zone-drift 2.1s ease-in-out infinite}.agent-zone--motion-bubble .agent-zone__lantern,.agent-zone--motion-bubble .agent-character,.agent-zone--motion-bubble .speech-bubble{animation:zone-breathe 2.4s ease-in-out infinite}.agent-zone--motion-inspect .agent-zone__lantern,.agent-zone--motion-inspect .agent-character,.agent-zone--motion-inspect .speech-bubble{animation:zone-inspect 3.2s ease-in-out infinite}.agent-zone--motion-alert .agent-zone__lantern,.agent-zone--motion-alert .agent-character,.agent-zone--motion-alert .speech-bubble{animation:zone-alert 1s steps(2,end) infinite}.agent-zone--motion-celebrate .agent-zone__lantern,.agent-zone--motion-celebrate .agent-character,.agent-zone--motion-celebrate .speech-bubble{animation:zone-celebrate 1.2s ease-in-out infinite}@keyframes sprite-idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.01)}}@keyframes sprite-move{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(1px) translateY(-1px)}50%{transform:translate(0) translateY(0)}75%{transform:translate(-1px) translateY(1px)}}@keyframes sprite-bubble{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes sprite-inspect{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(-.5deg) translateY(-1px)}}@keyframes sprite-alert{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes sprite-celebrate{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.02)}60%{transform:translateY(-1px) scale(1.01)}}@keyframes speech-pop{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes speech-focus{0%,to{opacity:.95}50%{opacity:1}}@keyframes speech-alert{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.2) brightness(1.08)}}@keyframes speech-celebrate{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes zone-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes zone-drift{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-2px) translate(1px)}}@keyframes zone-inspect{0%,to{filter:saturate(1)}50%{filter:saturate(1.08)}}@keyframes zone-alert{0%,to{box-shadow:inherit}50%{box-shadow:0 0 0 1px #ff729659,0 18px 46px #070a1752}}@keyframes zone-celebrate{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.status-badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#ffffff0f;border:1px solid var(--border);color:var(--muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.status-badge--success{color:#bff6d7}.status-badge--warning{color:#ffe6a1}.status-badge--danger{color:#ffc0ce}.status-badge--neutral{color:#d1d8ff}.status-badge--muted{color:var(--muted)}.speech-bubble{position:relative;padding:12px 14px;border-radius:18px;background:#ffffff14;color:#f3f5ff;line-height:1.5;min-height:70px;border:1px solid rgba(255,255,255,.08)}.speech-bubble--success{background:#72e5a51a}.speech-bubble--warning{background:#ffd15b1a}.speech-bubble--danger{background:#ff76941a}.speech-bubble--muted{background:#ffffff0f}.speech-bubble:before{content:"";position:absolute;left:18px;top:-8px;width:14px;height:14px;background:inherit;border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);transform:rotate(45deg)}.speech-bubble__prompt{display:inline-flex;margin-bottom:6px;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.detail-panel{display:grid;gap:14px;grid-template-columns:100px minmax(0,1fr);align-items:start}.detail-panel__meta{display:grid;gap:10px;color:var(--muted);line-height:1.6}.detail-panel__meta h3,.detail-list h3{color:var(--text)}.detail-panel__timestamp{color:#c4cdff;font-size:.86rem}.legend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.legend-grid--status,.legend-grid--freshness,.legend-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.legend-grid>div,.legend-card,.taxonomy-card{padding:14px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.legend-chip{display:inline-flex;align-items:center;gap:8px;justify-content:space-between}.legend-chip strong{margin-left:auto}.legend-chip--success{color:#d7ffe9}.legend-chip--warning{color:#ffeab8}.legend-chip--danger{color:#ffd4dc}.legend-chip--neutral{color:#d4dcff}.legend-chip--muted{color:var(--muted)}.legend-label,.taxonomy-card__ui{display:block;color:var(--muted);font-size:.8rem;margin-bottom:6px}.legend-pill+.legend-pill{margin-left:auto}.source-panel{display:grid;gap:10px;padding:16px;border-radius:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.source-panel__detail{color:var(--muted);line-height:1.6}.bullet-list,.step-list{margin:0;padding-left:1.1rem;line-height:1.8;color:var(--text)}.bullet-list--compact{line-height:1.7;color:var(--muted)}.bullet-list li+li,.step-list li+li{margin-top:6px}.status-strip{align-items:start}.error-banner{border-color:#ff729647;color:#ffd7e0;background:linear-gradient(180deg,#ff69911f,#ff69910d)}.taxonomy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.taxonomy-card{display:grid;gap:8px}.stack{display:grid;gap:18px}@media(max-width:1100px){.hero,.dashboard-layout{grid-template-columns:1fr}.pixel-world{grid-template-rows:repeat(3,minmax(160px,auto))}}@media(max-width:760px){.topbar,.page-shell,.page-shell--taxonomy{width:min(100vw - 20px,1360px)}.topbar{padding:14px 16px}.card{padding:20px;border-radius:22px}.pixel-world,.taxonomy-grid,.legend-grid,.legend-grid--status,.legend-grid--freshness,.legend-grid--compact{grid-template-columns:1fr}.agent-zone{padding:12px}.agent-character,.detail-panel{grid-template-columns:1fr}.sprite,.sprite--compact{width:88px;height:88px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}