/* Corner ornaments + edge ticks + floating runes + constellation lines */
const CornerOrnament = () => (
);
const EdgeTicks = () => (
);
const _T = "\uFE0E";
const RUNES = ["☉","☽","☿","♀","♂","♃","♄","♅","♆","☊","☋","✶","✷","✸","☥","⚸","⚳","⚴","⚵","⚶","⚷","⚸","☌","☍","△","▽","◯","卐","卍","☼","♁","♇","☄","✦","✧"].map(s => s + _T);
const HANZI_RUNES = ["乾","坤","震","巽","坎","離","艮","兌","元","亨","利","貞","龍","虎","朱","玄","靈","炁","符","咒"];
const RunesBackground = () => {
// deterministic pseudo-random scatter for layout stability
const items = [];
let seed = 7;
const rand = () => {
seed = (seed * 9301 + 49297) % 233280;
return seed / 233280;
};
const total = 28;
for (let i = 0; i < total; i++) {
const isHanzi = rand() < 0.35;
const pool = isHanzi ? HANZI_RUNES : RUNES;
items.push({
ch: pool[Math.floor(rand() * pool.length)],
x: 4 + rand() * 92,
y: 4 + rand() * 92,
size: 14 + rand() * 30,
delay: rand() * 18,
opacity: 0.25 + rand() * 0.55,
hanzi: isHanzi,
});
}
return (
{items.map((it, i) => (
{it.ch}
))}
);
};
const Constellation = () => {
// a curated set of "constellation" points + lines, one corner each
const stars1 = [[8,12],[14,18],[20,15],[24,22],[18,28],[12,24]];
const stars2 = [[78,14],[84,20],[90,18],[88,28],[82,32],[80,24]];
const stars3 = [[10,72],[16,78],[22,75],[20,86],[12,84]];
const stars4 = [[80,68],[86,74],[92,70],[90,82],[82,86],[76,80]];
const groups = [stars1, stars2, stars3, stars4];
return (
);
};
window.CornerOrnament = CornerOrnament;
window.EdgeTicks = EdgeTicks;
window.RunesBackground = RunesBackground;
window.Constellation = Constellation;