:root{--bg:#020817;--panel:#081426;--panel2:#0b1b32;--line:#74d5ff24;--line2:#74d5ff42;--text:#e8f5ff;--muted:#8ea1b8;--cyan:#61dcff;--blue:#5c77ff;--red:#ff6b6b;--green:#62f19c;--yellow:#ffd36d}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 0 0,#0891b240,#0000 30%),linear-gradient(135deg,#020617,#07111f 45%,#020617);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#020812bf;height:100vh;padding:18px;position:sticky;top:0;overflow:auto}.brand{border:1px solid var(--line2);background:linear-gradient(135deg,#61dcff24,#5c77ff14);border-radius:26px;align-items:center;gap:13px;margin-bottom:14px;padding:15px;display:flex}.logo{width:48px;height:48px;color:var(--cyan);letter-spacing:.08em;background:#61dcff1f;border:1px solid #61dcff59;border-radius:16px;place-items:center;font-weight:1000;display:grid}.brand span{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:1000;display:block}.brand strong{font-size:18px}.session{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}nav{gap:7px;display:grid}nav button{color:#93a4bb;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:12px 13px;font-weight:900;display:flex}nav button:hover,nav button.active{border-color:var(--line2);color:#fff;background:#61dcff1c}main{min-width:0;padding:0 22px 30px}header{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#020812b8;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;display:flex;position:sticky;top:0}header small,.hero small{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:1000;display:block}h1{letter-spacing:-.04em;margin:4px 0 0;font-size:28px}h2{letter-spacing:-.03em;margin:0;font-size:22px}.topBadges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.badge{border:1px solid var(--line);color:#d6eaff;white-space:nowrap;background:#94a3b814;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:1000;display:inline-flex}.badge.green{color:#c8ffdc;background:#62f19c1a;border-color:#62f19c57}.badge.yellow{color:#ffe8ad;background:#ffd36d1a;border-color:#ffd36d57}.badge.red{color:#ffd1d1;background:#ff6b6b1f;border-color:#ff6b6b57}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#61dcff17,#3178ff0d,#7c3aed0d);border-radius:30px;justify-content:space-between;gap:20px;margin:20px 0;padding:22px;display:flex}.hero p{color:var(--muted);max-width:980px;margin:10px 0 0;line-height:1.55}.warning{color:#ffe8ad;background:#ffd36d1a;border:1px solid #ffd36d47;border-radius:18px;align-self:start;max-width:310px;padding:13px;font-weight:800}.stack,.cols{gap:18px;display:grid}.cols.two{grid-template-columns:1.35fr .9fr}.mapCols{grid-template-columns:1fr 420px}.stats,.gridFields{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.gridFields{grid-template-columns:repeat(3,minmax(0,1fr))}.gridFields.one{grid-template-columns:1fr}.card{border:1px solid var(--line);background:#081628c2;border-radius:26px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff06,0 22px 60px #00000040}.cardHead{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.cardHead p{color:var(--muted);margin:6px 0 0;line-height:1.45}.field{background:#0208126b;border:1px solid #94a3b829;border-radius:18px;min-width:0;padding:13px}.field span{color:#71849c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px;font-weight:1000;display:block}.field strong{color:#eef7ff;font-size:14px}.empty{text-align:center;background:#02081257;border:1px dashed #74d5ff3b;border-radius:24px;align-content:center;place-items:center;gap:10px;min-height:240px;padding:30px;display:grid}.emptyIcon{border:1px solid var(--line2);width:58px;height:58px;color:var(--cyan);background:#61dcff14;border-radius:20px;place-items:center;font-size:28px;font-weight:1000;display:grid}.empty h2{font-size:22px}.empty p{max-width:760px;color:var(--muted);margin:0;line-height:1.5}.toolbar{grid-template-columns:1fr auto auto;gap:10px;margin-bottom:14px;display:grid}input{color:var(--text);background:#02081299;border:1px solid #94a3b838;border-radius:17px;outline:none;padding:13px 15px}button{border:1px solid var(--line2);color:#e5f7ff;cursor:pointer;background:#09162ad6;border-radius:16px;padding:12px 15px;font-weight:1000}button.primary,.primary{color:#04111f;background:linear-gradient(135deg,var(--cyan),var(--blue));border:0}button.danger,.danger{color:#ffe7e7;background:#ff6b6b1a;border-color:#ff6b6b59}.templateGrid,.roleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.templateGrid button{text-align:left;padding:18px}.role{background:#02081266;border:1px solid #94a3b829;border-radius:22px;padding:16px}.role h3{margin:12px 0 2px}.role strong{color:var(--cyan)}.role p{color:var(--muted);margin:8px 0 0;line-height:1.45}.tableWrap{border:1px solid #94a3b829;border-radius:18px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#7f91a9;text-transform:uppercase;letter-spacing:.08em;background:#020812a6;font-size:11px}th,td{vertical-align:top;border-bottom:1px solid #94a3b81a;padding:12px}.mapShell{border:1px solid var(--line);background:radial-gradient(circle at 48% 45%,#1e40af40,#0000 20%),radial-gradient(circle at 30% 35%,#16a34a33,#0000 16%),radial-gradient(circle at 67% 62%,#eab3081f,#0000 18%),linear-gradient(135deg,#0f172a,#111827 42%,#020617);border-radius:26px;height:620px;position:relative;overflow:hidden}.mapIsland{background:#34d3990a;border:1px solid #34d39940;border-radius:46%;width:38%;height:54%;position:absolute;top:18%;left:21%;transform:rotate(-14deg)}.mapCity{background:#fbbf240a;border:1px solid #fbbf242b;border-radius:48%;width:24%;height:42%;position:absolute;top:30%;right:11%;transform:rotate(18deg)}.mapRoad{background:#b4dcff1f;position:absolute}.mapRoad.a{width:5px;height:72%;top:10%;left:43%;transform:rotate(18deg)}.mapRoad.b{width:70%;height:5px;top:53%;left:12%;transform:rotate(-9deg)}.mapLabel{color:#cbd5e1;background:#020812a6;border:1px solid #94a3b833;border-radius:15px;padding:5px 9px;font-size:11px;font-weight:1000;position:absolute}.mapLabel.paleto{top:18%;left:7%}.mapLabel.sandy{top:38%;left:35%}.mapLabel.grapeseed{top:46%;left:65%}.mapLabel.ls{top:71%;left:49%}.mapNotice{color:#cbd5e1;background:#020812d1;border:1px solid #94a3b833;border-radius:18px;padding:14px;font-weight:800;position:absolute;bottom:18px;left:18px;right:18px}@media (width<=1100px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.cols.two,.mapCols,.stats,.gridFields,.templateGrid,.roleGrid{grid-template-columns:1fr}.hero,header{flex-direction:column;align-items:flex-start}.toolbar{grid-template-columns:1fr}}