.function-map{--ink:#f7f0df;--gold:#c79a43;--panel:#151712;--line:rgba(199,154,67,.22);min-height:calc(100vh - 120px);padding:24px;border-radius:24px;background:radial-gradient(circle at 58% 35%,#263225 0,#151913 38%,#0b0d0a 75%);color:var(--ink);box-shadow:0 30px 90px rgba(5,8,4,.3);overflow:hidden}.function-map:fullscreen{border-radius:0;padding:28px;overflow:auto}.function-map__head{display:flex;justify-content:space-between;align-items:center;gap:24px}.function-map__eyebrow{color:#d6b66f;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.function-map h1{margin:7px 0 4px;color:#fff;font:600 clamp(26px,3vw,44px)/1.05 Georgia,serif}.function-map__head p{margin:0;color:#aeb7aa}.function-map button,.function-map select,.function-map input{border:1px solid var(--line);border-radius:10px;background:#20251e;color:#f7f0df;min-height:38px;padding:8px 11px}.function-map button{cursor:pointer;background:linear-gradient(135deg,#b98732,#e0bd72);color:#17130b;font-weight:700}.function-map__head-actions{display:flex;align-items:center;gap:12px}.function-map__live{font-size:11px;letter-spacing:.15em}.function-map__live i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#75e293;box-shadow:0 0 16px #75e293;animation:mapPulse 1.5s infinite}.function-map__filters{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin:22px 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(8,10,8,.58)}.function-map__filters label{display:grid;gap:5px;color:#9ca899;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.function-map__search{grid-column:span 2}.function-map__check{display:flex!important;align-items:center;text-transform:none!important;letter-spacing:0!important;font-size:12px!important}.function-map__check input{min-height:0}.function-map__stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.function-map__stat{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(31,37,29,.8)}.function-map__stat b{display:block;color:#f3d38a;font:600 25px Georgia,serif}.function-map__stat span{color:#9ea99c;font-size:10px;text-transform:uppercase}.function-map__stage{position:relative;height:min(65vh,720px);min-height:500px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle at center,rgba(62,86,61,.28),transparent 58%);overflow:hidden}.function-map__canvas,.function-map__canvas canvas{width:100%;height:100%;display:block}.function-map__empty{position:absolute;inset:0;display:grid;place-items:center;color:#a7b0a4;pointer-events:none}.function-map__detail{position:absolute;right:18px;top:18px;width:min(280px,28%);padding:16px;border:1px solid rgba(233,199,127,.32);border-radius:16px;background:rgba(10,12,9,.82);backdrop-filter:blur(16px);box-shadow:0 20px 55px #0006}.function-map__detail span{color:#d0ae63;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.function-map__detail h2{margin:6px 0;color:#fff;font:600 20px Georgia,serif}.function-map__detail p{color:#aeb7aa;font-size:12px}.function-map__metric{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #ffffff12;font-size:12px}.function-map__legend{position:absolute;left:18px;bottom:15px;display:flex;gap:15px;padding:9px 12px;border-radius:10px;background:#080a08ba;color:#abb4a8;font-size:10px}.function-map__legend i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.is-live{background:#72e39a}.is-ok{background:#c8a052}.is-fail{background:#e76156}.function-map__hot{padding:20px 0}.function-map__hot h2{font:600 22px Georgia,serif}.function-map__hot [data-hot]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.function-map__hot button{text-align:left;background:#20251e;color:#eee;border-color:var(--line)}.function-map__hot small{display:block;color:#9ba498;margin-top:4px}@keyframes mapPulse{50%{opacity:.45;transform:scale(.75)}}@media(max-width:1050px){.function-map__filters{grid-template-columns:repeat(3,1fr)}.function-map__stats{grid-template-columns:repeat(3,1fr)}.function-map__detail{width:35%}.function-map__hot [data-hot]{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.function-map{padding:14px}.function-map__head{align-items:flex-start;flex-direction:column}.function-map__filters{grid-template-columns:1fr 1fr}.function-map__stats{grid-template-columns:1fr 1fr}.function-map__stage{min-height:580px}.function-map__detail{top:auto;bottom:52px;right:10px;left:10px;width:auto}.function-map__legend{overflow:auto;right:10px}.function-map__hot [data-hot]{grid-template-columns:1fr}}