@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Inter:wght@400;600;700;800&display=swap";*{box-sizing:border-box}body{color:#dcefff;background:#02080d;margin:0;font-family:Inter,system-ui,sans-serif}main{background:radial-gradient(circle at 50% 35%,#06243a,#02080d 62%),linear-gradient(#03111d,#05121b);min-height:100vh;padding:10px}.top,.bottom,.panel,.sidebar,.details{background:linear-gradient(#0d2230eb,#04121bf2);border:1px solid #24435a;border-radius:3px;box-shadow:inset 0 0 0 1px #071925,0 10px 30px #0008}.top{align-items:center;gap:28px;height:58px;padding:0 18px;display:flex}.brand{align-items:center;gap:13px;min-width:310px;display:flex}.brand span{color:#ffd968;font-size:35px}.brand b{letter-spacing:3px;color:#fff2c4;font-family:Cinzel,serif;font-size:28px}.brand small{letter-spacing:4px;color:#f4cc68;font:700 11px Inter;display:block}.top nav{flex:1;justify-content:center;gap:10px;display:flex}.top button{color:#cbd5e1;letter-spacing:.7px;background:#071824;border:1px solid #254156;border-radius:4px;height:42px;padding:0 48px;font-weight:800}.top nav button:first-child{color:#fff;background:#0b223d;border-color:#1685ff}.tools{color:#b8c9da;align-items:center;gap:20px;display:flex}.builder{color:#36e071!important;padding:0 22px!important}.layout{grid-template-rows:690px 410px;grid-template-columns:320px 1fr 465px;gap:8px;margin-top:8px;display:grid}.sidebar{grid-row:1;padding:12px}.details{grid-area:1/3;padding:0 12px}.wheel-panel{grid-area:1/2;position:relative;overflow:hidden}.legend{grid-area:2/1;padding:12px}.table{grid-area:2/2}.graph{grid-area:2/2;margin-left:50%}.rel{grid-area:2/3}h3{color:#dcefff;margin:0 0 12px;font-size:14px}.panel-title{z-index:4;color:#ffd84d;gap:14px;font-size:16px;display:flex;position:absolute;top:16px;left:16px}.toggle{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;top:10px;right:12px}.toggle button{color:#e5f2ff;background:#13243a;border:1px solid #5281b8;border-radius:4px;padding:9px 18px;font-weight:800}.toggle button+button{color:#b9c8d7;background:#0b1b28}.toggle i{background:#2d9cff;border-radius:20px;width:28px;height:16px;display:block}.wheel-wrap{background-image:radial-gradient(#1aa3ff 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0}.wheel{border:2px solid #c5d4dd99;border-radius:50%;width:780px;height:560px;position:absolute;top:51%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 90px #009dff28}.sector{background:conic-gradient(from var(--rot), color-mix(in srgb,var(--col),transparent 68%) 0 30deg, transparent 30deg);clip-path:circle(var(--end) at 50% 50%);position:absolute;inset:0}.sector:after{content:"";clip-path:circle(var(--start) at 50% 50%);background:#06121d;position:absolute;inset:0}.sector span{transform:rotate(calc(var(--rot) + 15deg));color:#fff;text-shadow:0 1px 3px #000;font-weight:800;position:absolute;top:14%;left:50%}.hub{color:#ffd447;background:#061a25;border:1px solid #6ab8e6;border-radius:50%;place-items:center;font-size:55px;display:grid;position:absolute;inset:38%;box-shadow:0 0 0 70px #031622cc}.pin{transform:rotate(var(--a)) translate(var(--d)) rotate(calc(-1 * var(--a)));border-radius:50%;padding:4px;font-size:19px;position:absolute;top:50%;left:50%}.canonical{color:#ffd533}.draft{color:#229bff}.reserved{color:#a85cff}.z-label{transform:rotate(var(--a)) translate(395px) rotate(calc(-1 * var(--a)));text-align:center;color:var(--c);letter-spacing:2px;font-weight:900;position:absolute;top:50%;left:50%}.z-label em{font-size:36px;font-style:normal;display:block}.showbox,.zoom{background:#071b28dd;border:1px solid #24435a;border-radius:5px;padding:10px;position:absolute;bottom:18px}.showbox{left:18px}.showbox label{margin-top:7px;display:block}.zoom{align-items:center;gap:18px;display:flex;right:16px}.zoom button{color:#dff;background:#102436;border:1px solid #31516b;border-radius:4px;padding:7px 10px}.stats{border:1px solid #173448;border-radius:5px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.stats b{text-align:center;color:#2eb3ff;border-right:1px solid #173448;padding:22px 8px 10px;font-size:24px}.stats small{color:#a9c0d4;margin-bottom:8px;font-size:10px;display:block}.green{color:#49e476!important}.gold{color:#ffd23d!important}.purple{color:#b16bff!important}.mini{grid-template-columns:repeat(3,1fr);margin:14px 0}.progress span{justify-content:space-between;margin:12px 4px;display:flex}.progress i{background:#1b3341;border-radius:9px;height:14px;display:block}.progress em{background:#35bdd5;border-radius:9px;width:33%;height:100%;display:block}.actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.actions button{color:#fff;background:#083b77;border:1px solid #2878d7;border-radius:3px;padding:11px;font-weight:800}.actions button:nth-child(3){background:#063f34;border-color:#1fae76}.actions button:nth-child(4){background:#523100;border-color:#e69a11}.actions button:last-child{background:#06383f;border-color:#12b9c9;grid-column:span 2}.filter{grid-template-columns:70px 1fr;align-items:center;margin:8px 0;display:grid}.filter select,.field select{color:#d7e8f3;background:#112431;border:1px solid #274254;border-radius:3px;padding:7px}.search{color:#9cafbd;border:1px solid #274254;border-radius:4px;justify-content:space-between;margin-top:16px;padding:10px;display:flex}.selected{background:#071622;align-items:center;gap:18px;margin:0 -12px 16px;padding:10px 12px;display:flex}.selected b{flex:1}.selected span{background:#173e69;border-radius:3px;padding:6px 12px;font-weight:800}.details header{align-items:center;gap:16px;display:flex}.sun{color:#ffd23a;font-size:66px}.details h2{flex:1}.details h2 small{font-size:16px;display:block}.details mark,mark{color:#5ff08b;background:#10251c;border:1px solid #14a85f;border-radius:3px;padding:5px 8px}.details header mark{color:#ffd84b;background:#2b2100;border-color:#d99516}.field{grid-template-columns:95px 1fr;align-items:center;margin:8px 0;display:grid}.details nav{border-bottom:1px solid #2f4e67;gap:20px;margin:20px -12px 12px;padding:0 12px;display:flex}.details nav b:first-child{color:#ffd84b;border-bottom:3px solid #ffd84b}.details nav b{padding-bottom:10px}.details nav i{background:#182e3e;border-radius:3px;padding:2px 6px}.article b{color:#70c8ff}.article p{background:#071c2c;border:1px solid #225b91;border-radius:3px;padding:12px;line-height:1.45}.article:nth-of-type(3) p{border-color:#6c3ca3}.meta{color:#bed0de;grid-template-columns:1fr 1fr;gap:7px;display:grid}.details footer{text-align:right}.details footer button,.bottom button{color:#fff;background:#0d8f48;border:1px solid #43dc83;border-radius:3px;padding:10px 28px;font-weight:800}.details footer button+button{background:#7d130f;border-color:#d75044}.table,.graph,.rel{padding:12px;overflow:hidden}.table,.graph{width:49.4%}h3 span{color:#7dbdff}table{border-collapse:collapse;width:100%;font-size:12px}td{background:#081824;border:1px solid #20384a;padding:8px}tr:first-child td{background:#493f12}.rel tr:first-child td{background:#081824}.draft{color:#ffd94c;background:#493f00;border-color:#c79709}.canonical{color:#78f29d;background:#0c3922;border-color:#1aaa61}.orbit{height:335px;position:relative}.center,.planet{place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center{color:#ffdd26;text-shadow:0 0 25px #ffdf00;font-size:48px}.center b,.planet b{color:#fff;font-size:12px}.center small,.planet small{color:#ffe66d;font-size:11px}.planet{transform:rotate(var(--a)) translate(135px) rotate(calc(-1 * var(--a)));color:#72c7ff;font-size:35px}.legend p{border-bottom:1px solid #173448;padding-bottom:10px}.legend i{vertical-align:middle;background:#ffd23a;border-radius:50%;width:14px;height:14px;display:inline-block}.bottom{color:#b9ccdc;grid-template-columns:1.4fr 1.3fr 1fr 260px;align-items:center;height:60px;margin-top:8px;padding:0 18px;display:grid}.bottom b{color:#8bc4ff}.bottom span:nth-child(3){color:#4cff8d}.bottom button{background:#075fb4;border-color:#1685ff;font-size:16px}@media (width<=1200px){.layout{grid-template-rows:auto;grid-template-columns:1fr}.sidebar,.details,.wheel-panel,.legend,.table,.graph,.rel{grid-area:auto/1;width:auto;margin:0}.wheel-panel{height:680px}.top,.bottom{flex-wrap:wrap;height:auto;display:flex}.top button{padding:0 18px}}