:root{--bg:#060a18;--panel:#0d1530;--panel2:#101c39;--line:#334d79;--cyan:#80e8ff;--gold:#ffd66b;--text:#eef5ff;--muted:#a8b6d4}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 50% 0,#162b55 0,transparent 35%),linear-gradient(135deg,#050815,#091225 48%,#050816);min-height:100vh}.pf-topbar{height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3b60;background:#050914dd;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.pf-brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:2px}.pf-brand span,.pf-brand small{color:var(--cyan)}nav{display:flex;gap:24px}nav a{color:var(--muted);text-decoration:none;font-size:13px;font-weight:800;text-transform:uppercase}nav a:hover,nav a.active{color:var(--cyan)}main{width:min(1500px,94vw);margin:auto;padding:38px 0 70px}.pf-hero{min-height:260px;padding:34px 4%;display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(120deg,#111d3af2,#071023e8),radial-gradient(circle at 80%,#38bfe730,transparent 30%);box-shadow:0 20px 60px #0008}.pf-hero>img{width:140px;filter:drop-shadow(0 0 24px #74eaff88)}.pf-hero span,.pf-overview span,.section-title span{font-size:12px;letter-spacing:3px;font-weight:900;color:var(--cyan)}h1{font-size:clamp(42px,6vw,82px);margin:8px 0;line-height:.9;letter-spacing:-3px}.pf-hero p{margin:0;color:var(--muted);font-size:18px}.pf-timer{padding:24px;text-align:right;border-left:1px solid var(--line)}.pf-timer small{display:block;color:var(--gold);font-weight:900;letter-spacing:2px}.pf-timer strong{display:block;margin:10px 0;font-size:27px;color:var(--cyan)}.pf-timer span{font-size:11px}.pf-overview{margin:28px 0 50px;display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.pf-overview article,.score-strip{padding:28px;border:1px solid var(--line);border-radius:18px;background:#0b1429dd}.pf-overview h2{margin:8px 0;font-size:30px}.pf-overview p{color:var(--muted);line-height:1.6}.score-strip{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center}.score-strip div+div{border-left:1px solid var(--line)}.score-strip strong{display:block;color:var(--gold);font-size:29px}.score-strip span{font-size:11px;letter-spacing:1px}.section-title{margin:44px 0 20px;display:flex;align-items:end;justify-content:space-between}.section-title h2{margin:5px 0 0;font-size:31px}.section-title p{color:var(--muted)}.cacophony,.encounters,.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cacophony article,.tips div{padding:25px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#101c38,#090f20)}.cacophony b,.tips span{color:var(--gold);font-size:12px;letter-spacing:2px}.cacophony h3,.tips h3{font-size:22px;margin:10px 0}.cacophony strong{font-size:11px;color:var(--cyan);letter-spacing:1.5px}.cacophony p,.tips p{color:var(--muted);line-height:1.55}.encounter{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:#091226;box-shadow:0 18px 45px #0005}.encounter.starward{border-color:#d7ad4d}.boss{min-height:330px;padding:24px;text-align:center;background:radial-gradient(circle at 50% 45%,#27699a55,transparent 45%),linear-gradient(#111e3a,#0a1327)}.boss>span{color:var(--cyan);font-weight:900;letter-spacing:2px;font-size:11px}.boss img{display:block;width:150px;height:150px;object-fit:contain;margin:16px auto;filter:drop-shadow(0 0 18px #78ddff55)}.boss h2{min-height:52px;margin:5px 0 13px;font-size:21px}.weaknesses{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.weaknesses b{font-size:10px;color:#07101d;background:var(--cyan);padding:6px 9px;border-radius:20px}.mechanic,.team-block{margin:15px;padding:16px;border:1px solid #263d65;border-radius:13px;background:#0d1830}.mechanic strong,.team-block>strong{font-size:10px;color:var(--gold);letter-spacing:1.5px}.mechanic p{font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 0}.team-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.team-member a{display:block;color:var(--text);text-align:center;text-decoration:none}.team-member img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:2px solid #5ebbdc;background:#182849}.team-member span{display:block;font-size:9px;font-weight:800;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alternative{background:#0a1327}.tips{margin-top:48px}.tips span{font-size:28px}@media(max-width:1000px){.pf-hero{grid-template-columns:110px 1fr}.pf-hero>img{width:100px}.pf-timer{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);text-align:left}.pf-overview,.encounters{grid-template-columns:1fr}.cacophony,.tips{grid-template-columns:1fr 1fr}.section-title p{display:none}}@media(max-width:650px){.pf-topbar{height:auto;padding:16px;align-items:flex-start}.pf-topbar nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.pf-topbar nav a{font-size:10px}.pf-hero{grid-template-columns:70px 1fr;padding:23px;gap:16px}.pf-hero>img{width:68px}h1{font-size:36px;letter-spacing:-1px}.pf-hero p{font-size:14px}.pf-timer strong{font-size:21px}.pf-overview,.cacophony,.tips{grid-template-columns:1fr}.score-strip{padding:20px 8px}.score-strip strong{font-size:22px}.section-title h2{font-size:24px}.team-member img{width:58px;height:58px}}
