:root{--bg:#07101f;--panel:#0d1b30;--gold:#f7c85b;--cyan:#55e7ff;--text:#eef6ff;--muted:#91a7c0;--red:#ff6178}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 70% 0,#17365c 0,#07101f 38%,#040812 100%);color:var(--text);min-height:100vh}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;background:#06101de8;backdrop-filter:blur(14px);border-bottom:1px solid #25405f}header b{letter-spacing:2px;color:var(--gold)}header small{display:block;color:var(--muted);margin-top:3px}.hero{min-height:440px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:55px 8%;overflow:hidden}.hero h1{font-size:clamp(42px,6vw,82px);line-height:.95;margin:14px 0;max-width:850px;text-shadow:0 0 30px #2d92ff55}.hero p{max-width:700px;color:#b9c9da;font-size:18px}.hero a,.actions button,#savePatch{display:inline-block;background:linear-gradient(135deg,var(--gold),#e89b26);color:#07101f;font-weight:900;border:0;padding:13px 18px;border-radius:8px;text-decoration:none;cursor:pointer}.tag{color:var(--cyan);font-weight:800;letter-spacing:2px}.orb{justify-self:center;width:270px;height:270px;border:1px solid #67eaff88;border-radius:50%;display:grid;place-items:center;font-size:100px;box-shadow:0 0 70px #24bfff55,inset 0 0 60px #2567ff44;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-14px) rotate(4deg)}}nav{display:flex;gap:8px;overflow:auto;padding:12px 5%;background:#081321;border-block:1px solid #1b3550}nav button,header button{white-space:nowrap;background:#10233a;color:#dcecff;border:1px solid #294969;padding:10px 13px;border-radius:7px;cursor:pointer}main{padding:30px 5% 70px;max-width:1500px;margin:auto}.panel{display:none}.panel.active{display:block}.panel h2{font-size:32px;margin-top:0;color:var(--gold)}.muted{color:var(--muted)}.draftgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.draftgrid>div{background:#0b1729;border:1px solid #203a57;border-radius:14px;padding:18px}.slot{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;margin:9px 0}.slot span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#162e4d;color:var(--gold);font-weight:900}.slot select,select,input,textarea{width:100%;background:#071321;color:#eaf4ff;border:1px solid #315271;border-radius:8px;padding:11px}.actions{display:flex;gap:10px;margin:20px 0}.actions button+button{background:#16283d;color:white}.result{background:linear-gradient(180deg,#0e2037,#091626);border:1px solid #294b6c;border-radius:12px;padding:18px;line-height:1.6}.score{font-size:28px;font-weight:900;color:var(--cyan)}.warn{color:#ffb0ba}.good{color:#8fffd0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px;margin-top:18px}.card{background:#0c1b2e;border:1px solid #24415f;border-radius:12px;padding:16px;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#62dff7}.avatar{height:110px;border-radius:9px;background:radial-gradient(circle at 70% 30%,#45d9ff55,transparent 35%),linear-gradient(135deg,#17395e,#11182a);display:grid;place-items:center;font-size:48px;margin-bottom:12px}.role{font-size:12px;color:var(--gold);font-weight:800}.timeline{display:grid;gap:12px}.timeline article{border-left:4px solid var(--cyan);background:#0c1a2c;padding:16px 18px;border-radius:0 10px 10px 0}.timeline b{color:var(--gold)}#patches article{background:#0c1a2c;border:1px solid #24415f;padding:15px;border-radius:10px;margin:10px 0}textarea{min-height:120px;margin:10px 0}footer{text-align:center;padding:25px;color:#67809a;border-top:1px solid #1a3048}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:42px 6%}.orb{width:180px;height:180px;font-size:70px;margin-top:35px}.draftgrid{grid-template-columns:1fr}.hero h1{font-size:48px}main{padding-inline:4%}}