/* A quiet invitation in the pocket, a full proscenium when opened. */
#sky-expand{display:block;margin:10px auto 0;padding:7px 11px;font-size:calc(11px * var(--display-scale));color:var(--accent);background:var(--panel);border:1px solid var(--edge);border-radius:4px;cursor:pointer}
#sky-expand:hover{color:var(--ink);border-color:var(--accent)}
#sky-expand:disabled{opacity:.5;cursor:wait}
.panorama-open{overflow:hidden}
#sky-panorama{box-sizing:border-box;width:98vw;max-width:1800px;max-height:98dvh;margin:auto;padding:12px 18px;border:1px solid var(--edge);border-radius:12px;color:var(--ink);background:var(--panel,var(--bg));box-shadow:0 22px 100px #0009;overflow:auto;color-scheme:inherit}
#sky-panorama::backdrop{background:#070917d9;backdrop-filter:blur(5px)}
.panorama-header{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--edge);padding-bottom:8px}
.panorama-eyebrow{font-size:10px;letter-spacing:.16em;color:var(--signal);margin:0 0 5px}
#panorama-title{font-size:clamp(15px,1.8vw,22px);font-weight:500;color:var(--accent);margin:0;line-height:1.3}
#sky-panorama button{font:12px ui-monospace,Consolas,monospace;color:var(--accent);background:transparent;border:1px solid var(--edge);border-radius:4px;min-height:36px;padding:6px 10px;cursor:pointer;flex-shrink:0}
#sky-panorama button:hover{border-color:var(--accent);color:var(--ink)}
#sky-panorama button:focus-visible,#sky-expand:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
#panorama-report{font-size:12px;margin:8px 0;color:var(--ink)}
#panorama-stage{padding:6px 0;min-width:0;overflow:hidden;border-radius:6px;background:linear-gradient(180deg,#10182855,transparent 70%)}
#sky-panorama[data-daylight=night] #panorama-stage{background:linear-gradient(180deg,#101a353d,transparent 80%)}
#sky-panorama:is([data-sunlight=gold],[data-sunlight=rose]) #panorama-stage{background:linear-gradient(180deg,#1b264033,#bb7e3610 45%,transparent 80%)}
#sky-panorama:is([data-sunlight=pink],[data-sunlight=violet]) #panorama-stage{background:linear-gradient(180deg,#22204844,#a3507812 45%,transparent 80%)}
#panorama-art{font:14px/1.05 ui-monospace,Consolas,monospace;font-variant-ligatures:none;letter-spacing:0;white-space:pre;text-align:left;width:max-content;max-width:none;margin:0 auto;color:var(--muted);overflow:visible;tab-size:1;user-select:text}
.panorama-row{display:inline}
.panorama-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;padding-top:6px;border-top:1px solid var(--edge)}
#panorama-day{font-size:11px;color:var(--signal);margin:0}
#panorama-caption{font-size:12px;color:var(--ink);margin:9px 0 4px}
#panorama-source{font-size:10px;color:var(--muted);margin:3px 0;line-height:1.6}
.panorama-notes{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.6}
.panorama-notes summary{cursor:pointer;color:var(--accent)}
#panorama-art .p-rock,#panorama-art .p-building{color:#9eaec0}
/* A distant range stands behind the near one and reads as farther away. */
#panorama-art .p-far-rock{color:#8496ab;opacity:.72}
#panorama-art .p-ground{color:#b8a184}
#panorama-art .p-bark{color:#c4986f}
#panorama-art .p-leaf{color:#9ed47a}
#panorama-art .p-water{color:var(--p-water-dark,#77baca)}
#panorama-art .p-glint{color:var(--p-glint-dark,#f3dea0);text-shadow:0 0 7px #d7ca9733}
#panorama-art .p-cloud{color:var(--p-cloud-dark,#d8dde3)}
#panorama-art .p-shade{color:var(--p-shade-dark,#9ba6b4)}
#panorama-art .p-sun{color:#f5cf73;text-shadow:0 0 9px #ffc85c44}
#panorama-art .p-moon{color:#e5ebfa;text-shadow:0 0 6px #cad9fa33}
#panorama-art .p-shadow,#panorama-art .p-dim-star{color:#7e8ea7}
#panorama-art .p-star{color:#d8e5ff}
#panorama-art .p-bird{color:#c5b6a4}
#panorama-art .p-window{color:#f6d58f}
#panorama-art .p-flower{color:#ee9ace;text-shadow:0 0 5px #ed99dd44}
#panorama-art{--owl:#c6b9da;--eye:#f5d58e;--petal:#ed9acb;--petal-gold:#f2cf7d;--petal-violet:#b6acf0}
#panorama-art[data-cameo-light=gold]{--owl:#d8b89f;--eye:#ffe4a6;--petal:#ffb0bf;--petal-gold:#ffdf94;--petal-violet:#d4b1ec}
#panorama-art[data-cameo-light=moon]{--owl:#a8bdd9;--eye:#e9ce96;--petal:#c2addd;--petal-gold:#c5cead;--petal-violet:#a9b8eb}
#panorama-art[data-cameo-light=cloud]{--owl:#b5b7c4;--eye:#d9c194;--petal:#c5a0b8;--petal-gold:#cbbf9e;--petal-violet:#aaa7ca}
#panorama-art .p-owl{color:var(--owl)}#panorama-art .p-eye{color:var(--eye);text-shadow:0 0 4px #e6c27b33}
#panorama-art .p-flower{color:var(--petal)}#panorama-art .p-flower-gold{color:var(--petal-gold)}#panorama-art .p-flower-violet{color:var(--petal-violet)}
#panorama-art .p-rain{color:#83b9d0}
#panorama-art .p-snow{color:#c6e3f1}
#panorama-art .p-hail{color:#bfc7ed}
#panorama-art .p-fog{color:#8597a5}
#panorama-art .p-lightning{color:#c9c0ea}
html[data-theme=light] #panorama-stage{background:linear-gradient(180deg,#afc8d52b,transparent 70%)}
html[data-theme=light] #panorama-art .p-rock,html[data-theme=light] #panorama-art .p-building{color:#535e6b}
html[data-theme=light] #panorama-art .p-far-rock{color:#78838f;opacity:.8}
html[data-theme=light] #panorama-art .p-ground{color:#79543a}
html[data-theme=light] #panorama-art .p-bark{color:#805028}
html[data-theme=light] #panorama-art .p-leaf{color:#376b30}
html[data-theme=light] #panorama-art .p-water{color:var(--p-water-light,#326c80)}
html[data-theme=light] #panorama-art .p-glint{color:var(--p-glint-light,#876116);text-shadow:none}
html[data-theme=light] #panorama-art .p-cloud{color:var(--p-cloud-light,#57616c)}
html[data-theme=light] #panorama-art .p-shade{color:var(--p-shade-light,#74808c)}
html[data-theme=light] #panorama-art .p-sun,html[data-theme=light] #panorama-art .p-window{color:#886217;text-shadow:none}
html[data-theme=light] #panorama-art .p-moon,html[data-theme=light] #panorama-art .p-star{color:#455d82;text-shadow:none}
html[data-theme=light] #panorama-art .p-shadow,html[data-theme=light] #panorama-art .p-dim-star{color:#667184}
html[data-theme=light] #panorama-art .p-bird{color:#735c48}
html[data-theme=light] #panorama-art .p-flower{color:#a53780;text-shadow:none}
html[data-theme=light] #panorama-art{--owl:#665373;--eye:#825b1a;--petal:#a53780;--petal-gold:#876317;--petal-violet:#67509a}
html[data-theme=light] #panorama-art[data-cameo-light=gold]{--owl:#7d5142;--eye:#8b5310;--petal:#ab405c;--petal-gold:#875914;--petal-violet:#87519a}
html[data-theme=light] #panorama-art[data-cameo-light=moon]{--owl:#4c6382;--eye:#776027;--petal:#785988;--petal-gold:#666b33;--petal-violet:#596599}
html[data-theme=light] #panorama-art[data-cameo-light=cloud]{--owl:#62616f;--eye:#776139;--petal:#875f78;--petal-gold:#786c4b;--petal-violet:#696385}
html[data-theme=light] #panorama-art .p-flower{color:var(--petal)}
html[data-theme=light] #panorama-art .p-rain,html[data-theme=light] #panorama-art .p-snow,html[data-theme=light] #panorama-art .p-hail{color:#346c84}
html[data-theme=light] #panorama-art .p-fog{color:#687786}
html[data-theme=light] #panorama-art .p-lightning{color:#6b5890}
@media(max-width:600px){#sky-panorama{padding:10px 8px;width:98vw}.panorama-header{align-items:flex-start;gap:8px}.panorama-eyebrow{font-size:8px;letter-spacing:.06em}#sky-panorama #panorama-close{font-size:10px;max-width:110px;white-space:normal}.panorama-toolbar{gap:6px}#panorama-day{font-size:10px}}
@media(prefers-reduced-motion:no-preference){#sky-panorama[open]{animation:panorama-arrive .25s ease-out}@keyframes panorama-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

/* Depth comes from a restrained palette and open space, not more texture. */
#panorama-art .p-rock{opacity:.82}
#panorama-art .p-ground{opacity:.9}
#panorama-art[data-daylight=night] .p-leaf{color:#91afa1}
html[data-theme=light] #panorama-art[data-daylight=night] .p-leaf{color:#3b655b}

.panorama-controls{display:flex;gap:8px;align-items:center;flex-shrink:0}
.panorama-header{position:sticky;top:-12px;z-index:2;background:var(--panel,var(--bg))}
#panorama-art .p-ray{color:#f5cf73;opacity:var(--ray-light,1);text-shadow:0 0 9px #ffc85c55}
#panorama-art .p-duck{color:#efd29d}
#panorama-art .p-animal{color:#d3b097}
/* A meadow is not one colour. Petals run warm to cool and the stem is green, which is
   what the eye expects and what makes a flower read as a flower at this size. */
#panorama-art .p-flower-red{color:#f4736e;text-shadow:0 0 5px #f4736e33}
#panorama-art .p-flower-orange{color:#f7a445;text-shadow:0 0 5px #f7a44533}
#panorama-art .p-flower-white{color:#f3f0e4;text-shadow:0 0 5px #fff6d833}
#panorama-art .p-stem{color:#5f9e4e}
html[data-theme=light] #panorama-art .p-flower-red{color:#a8322e;text-shadow:none}
html[data-theme=light] #panorama-art .p-flower-orange{color:#9a5a11;text-shadow:none}
html[data-theme=light] #panorama-art .p-flower-white{color:#6b6655;text-shadow:none}
html[data-theme=light] #panorama-art .p-stem{color:#2f5f22}
#panorama-art[data-daylight=night] :is(.p-flower-red,.p-flower-orange){color:#b98a7e}
#panorama-art[data-daylight=night] .p-flower-white{color:#c9cbc0}
#panorama-art[data-daylight=night] .p-stem{color:#4a6b57}
#panorama-art :is(.p-flower,.p-flower-gold,.p-flower-violet,.p-flower-red,.p-flower-orange,.p-flower-white){opacity:var(--flower-light,1)}
#panorama-art[data-daylight=night] .p-glint{color:#c4d9f2}
html[data-theme=light] #panorama-art .p-ray{color:#886217;text-shadow:none}
html[data-theme=light] #panorama-art .p-duck{color:#856023}
html[data-theme=light] #panorama-art .p-animal{color:#845e44}
html[data-theme=light] #panorama-art[data-daylight=night] .p-glint{color:#4c6891}
@media(max-width:600px){.panorama-controls{flex-direction:column;gap:4px}.panorama-header{top:-10px}#sky-panorama #panorama-pause{font-size:10px;min-height:28px;padding:3px 6px}}
#panorama-art .p-glint{opacity:var(--reflection-light,1)}

/* Living sky (sky-world.js). The stage background is the sky gradient; these
   classes color what moves in it. --w-* values follow the sun's altitude. */
#panorama-clock{font-size:12px;margin:0 0 8px;color:var(--signal);min-height:1.2em}
#panorama-stage{transition:background 1.2s linear}
#panorama-stage.panorama-flash{filter:brightness(1.6)}
#panorama-art .p-sun{color:var(--w-sun,#f5cf73);text-shadow:0 0 10px var(--w-sun,#ffc85c)}
#panorama-art .p-glint{color:var(--w-glint,var(--p-glint-dark,#f3dea0));text-shadow:0 0 7px #ffd29a33}
#panorama-art .p-sparkle{color:#ffffff;text-shadow:0 0 6px #bcd4ff,0 0 12px #9fbfff88}
#panorama-art .p-cloud-lit{color:var(--w-cloud-under,#ffb38a);text-shadow:0 0 6px color-mix(in srgb,var(--w-cloud-under,#ffb38a) 45%,transparent)}
#panorama-art .p-moon-edge{color:#e6eeff;text-shadow:0 0 5px #c9d8ff55}
#panorama-art .p-day-moon{color:#e8eef8;opacity:.72}
#panorama-art .p-moon-glint{color:#d6e2ff;text-shadow:0 0 5px #b8cbff44}
#panorama-art .p-light-glint{color:#ffcf73;opacity:.8}
#panorama-art .p-window{color:var(--w-window,#ffd27f);text-shadow:0 0 5px #ffc85c66}
#panorama-art .p-venus{color:#fff6dc;text-shadow:0 0 8px #fff0c0}
#panorama-art .p-jupiter{color:#f6e6c2;text-shadow:0 0 6px #f6e6c288}
#panorama-art .p-mars{color:#ff8a5c;text-shadow:0 0 5px #ff8a5c66}
#panorama-art .p-saturn{color:#e8d08a;text-shadow:0 0 5px #e8d08a55}
#panorama-art .p-mercury{color:#d9d2c3}
#panorama-art .p-hull{color:#e1dbcf}
#panorama-art .p-sail{color:#f7f4ec}
#panorama-art .p-firefly{color:#e9ff8f;text-shadow:0 0 6px #d8ff6a,0 0 10px #c6ff4a88}
#panorama-art .p-smoke{color:#b98d62}
#panorama-art .p-bow-red{color:#ff6b6b}#panorama-art .p-bow-orange{color:#ffa94d}#panorama-art .p-bow-yellow{color:#ffe066}
#panorama-art .p-bow-green{color:#8ce99a}#panorama-art .p-bow-blue{color:#91a7ff}
#panorama-art .p-lightning{color:#fffbe6;text-shadow:0 0 10px #fff3b0}
html[data-theme=light] #panorama-art .p-sparkle{color:#3a4f8f;text-shadow:none}
html[data-theme=light] #panorama-art .p-hull,html[data-theme=light] #panorama-art .p-sail{color:#3f3a33}
html[data-theme=light] #panorama-art .p-firefly{color:#6d7f00;text-shadow:none}
html[data-theme=light] #panorama-art .p-moon-edge,html[data-theme=light] #panorama-art .p-day-moon{color:#56627a}
@media (prefers-reduced-motion:reduce){#panorama-stage{transition:none}#panorama-stage.panorama-flash{filter:none}}

/* Passing surprises and the seasons (sky-world.js wonders/seasonal). Navigation
   lights follow aviation: red on the left wingtip, green on the right, white strobes. */
#panorama-art .p-plane{color:#c9d1dc}
#panorama-art[data-daylight=night] .p-plane{color:#5d6678}
#panorama-art .p-nav-red{color:#ff4d4d;text-shadow:0 0 6px #ff3b3b,0 0 12px #ff3b3b88}
#panorama-art .p-nav-green{color:#4dff88;text-shadow:0 0 6px #33ff77,0 0 12px #33ff7788}
#panorama-art .p-strobe{color:#ffffff;text-shadow:0 0 8px #ffffff,0 0 16px #dfe8ff}
#panorama-art .p-contrail{color:#eef3fa;opacity:.55}
#panorama-art .p-balloon-red{color:#ff6f61}#panorama-art .p-balloon-gold{color:#ffd166}
#panorama-art .p-fireball{color:#eaffd8;text-shadow:0 0 8px #9dff7a,0 0 16px #6bff5c}
#panorama-art .p-ember{color:#ffae57;text-shadow:0 0 6px #ff8a3a88}
#panorama-art .p-satellite{color:#f4f7ff;text-shadow:0 0 4px #cfdcff}
#panorama-art .p-sea-life{color:#9fb8cc}
#panorama-art .p-leaf-gold{color:#f2c14e}#panorama-art .p-leaf-red{color:#e8704a}
#panorama-art .p-blossom{color:#ffb7d5;text-shadow:0 0 4px #ffb7d544}
#panorama-art .p-parrot-green{color:#5fdc6a}#panorama-art .p-parrot-red{color:#ff5a5a}
#panorama-art .p-fox{color:#f08a3c}
#panorama-art .p-grey-animal{color:#b9bcc4}
#panorama-art[data-daylight=night] :is(.p-leaf-gold,.p-leaf-red){opacity:.6}
html[data-theme=light] #panorama-art .p-plane{color:#4a5363}
html[data-theme=light] #panorama-art .p-nav-red{color:#c81e1e;text-shadow:none}
html[data-theme=light] #panorama-art .p-nav-green{color:#138a3c;text-shadow:none}
html[data-theme=light] #panorama-art .p-strobe{color:#1d2a4a;text-shadow:none}
html[data-theme=light] #panorama-art .p-contrail{color:#6b7686}
html[data-theme=light] #panorama-art .p-balloon-red{color:#b8322a}html[data-theme=light] #panorama-art .p-balloon-gold{color:#8a6412}
html[data-theme=light] #panorama-art .p-fireball{color:#2f7a1c;text-shadow:none}html[data-theme=light] #panorama-art .p-ember{color:#a4520f;text-shadow:none}
html[data-theme=light] #panorama-art .p-satellite{color:#2c3d66;text-shadow:none}
html[data-theme=light] #panorama-art .p-sea-life{color:#3e5a70}
html[data-theme=light] #panorama-art .p-leaf-gold{color:#8a6410}html[data-theme=light] #panorama-art .p-leaf-red{color:#a53a1a}
html[data-theme=light] #panorama-art .p-blossom{color:#a8407a;text-shadow:none}
html[data-theme=light] #panorama-art .p-parrot-green{color:#257a2e}html[data-theme=light] #panorama-art .p-parrot-red{color:#b02525}
html[data-theme=light] #panorama-art .p-fox{color:#9c4c12}html[data-theme=light] #panorama-art .p-grey-animal{color:#555b66}

/* Trees by kind and season, and the footpath (sky-world.js seasonal/pathProps). */
#panorama-art .p-leaf-fresh{color:#b6ec7a}
#panorama-art .p-leaf-russet{color:#c9773f}
#panorama-art .p-bare{color:#9a8a7a}
#panorama-art .p-bloom{color:#fbf6ff;text-shadow:0 0 4px #ffffff55}
#panorama-art .p-path{color:#c8a878}
#panorama-art[data-daylight=night] :is(.p-leaf-fresh,.p-leaf-russet,.p-bare,.p-bloom,.p-path){opacity:.7}
html[data-theme=light] #panorama-art .p-leaf-fresh{color:#4f8a1f}
html[data-theme=light] #panorama-art .p-leaf-russet{color:#8a4418}
html[data-theme=light] #panorama-art .p-bare{color:#6b5a4a}
html[data-theme=light] #panorama-art .p-bloom{color:#7d6f8f;text-shadow:none}
html[data-theme=light] #panorama-art .p-path{color:#7a5a2e}
/* Solid materials (sky-world.js materials(), drawn on #panorama-fill under the text).
   Glyphs become texture on opaque fills, so daylight glyphs are darker tones of their
   material; dusk and night keep the original pale glyphs on darkened fills. */
#panorama-stage{position:relative}
#panorama-fill{position:absolute;pointer-events:none;z-index:0;image-rendering:auto}
#panorama-art{position:relative;z-index:1}
#panorama-art .p-grass{color:#2f5f22}
#panorama-art .p-hill-tree{color:#2d4d31}
#panorama-art[data-fill=night] .p-grass,#panorama-art[data-fill=dusk] .p-grass{color:#50704e}
#panorama-art[data-fill=night] .p-hill-tree,#panorama-art[data-fill=dusk] .p-hill-tree{color:#3a5244}
#panorama-art[data-snowy=yes] .p-grass{color:#9fb0c4}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-leaf{color:#1f4d1c}
#panorama-art:is([data-fill=day],[data-fill=golden]) :is(.p-rock){color:#40535f}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-far-rock{color:#56697a}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-building{color:#5b554c}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-window{color:#2e4a63}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-ground{color:#5c4a2e}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-bark{color:#3b2716}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-path{color:#6e5334}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-water{color:#e6f2f8}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-cloud{color:#8f9aa8}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-shade{color:#7d8896}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-sun{color:#d5782a;text-shadow:none}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-snow{color:#8fa3b8}
#panorama-art:is([data-fill=day],[data-fill=golden]) :is(.p-hull){color:#f1e6d4}
#panorama-art:is([data-fill=day],[data-fill=golden]) :is(.p-sail){color:#6b7582}
/* Daylight wildlife in natural, playful colors; the contrast guard (sky-panorama.js readable())
   then deepens or brightens any glyph that would be faint on its own cell. */
#panorama-art:is([data-fill=day],[data-fill=golden]){--owl:#7a4a24;--eye:#f2a900}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-duck{color:#2f6b3a}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-animal{color:#7a4f2e}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-fox{color:#c4501a}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-grey-animal{color:#5d6470}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-bird{color:#3b3f4a}
/* Creatures stand out: bold strokes on every backdrop (contrast itself is enforced in readable()). */
#panorama-art :is(.p-owl,.p-eye,.p-duck,.p-animal,.p-fox,.p-grey-animal,.p-parrot-green,.p-parrot-red,.p-sea-life){font-weight:700}
/* Wakes, the moon's disc and true stars (sky-world.js wakes, materials().moon, STARS). */
#panorama-art .p-foam{color:#f4fbff;text-shadow:0 0 4px #ffffff55}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-foam{color:#ffffff;text-shadow:0 0 3px #ffffff88}
html[data-theme=light] #panorama-art .p-foam{color:#ffffff;text-shadow:0 0 3px #7fb6cc}
/* The moon is its ASCII disc, lit where lunar.disc() says it is lit. No painted disc
   sits under it any more, so the glyphs carry the phase and must read as moonlight. */
#panorama-art[data-fill] .p-moon{color:#fbf7e8;text-shadow:0 0 8px #e6edff66}
/* The grades of the terminator: full light, the shading toward it, the faint limb. */
#panorama-art[data-fill] .p-moon-edge{color:#cfd3cd;text-shadow:0 0 5px #dfe8ff33}
#panorama-art[data-fill] .p-moon-glint{color:#8d94a4;text-shadow:none}
html[data-theme=light] #panorama-art[data-fill] .p-moon-edge{color:#6d7788}
html[data-theme=light] #panorama-art[data-fill] .p-moon-glint{color:#8e97a6}
#panorama-art[data-fill] .p-shadow{color:#4c5570;text-shadow:none}
#panorama-art[data-fill] .p-day-moon{color:#c9d3e2;opacity:.85}
html[data-theme=light] #panorama-art[data-fill] .p-moon{color:#4a5570}

/* Small lives (sky-world.js smallLife): each creature in its own true colour. Bright
   tones for dusk and night, deeper ones on sunlit fields and in the light theme; the
   shade pool behind every small subject carries the contrast, so the colour can stay. */
#panorama-art .p-bee{color:#ffcf40}#panorama-art .p-bug-dark{color:#3b2c1c}#panorama-art .p-wing{color:#eef8ff}
#panorama-art .p-dragonfly{color:#3cc0ff}#panorama-art .p-darter{color:#ff5a3c}#panorama-art .p-monarch{color:#ff9a1f}
#panorama-art .p-brimstone{color:#ffe54d}#panorama-art .p-blue-wing{color:#6aaeff}#panorama-art .p-ladybug{color:#ff3b30}
#panorama-art .p-hummer{color:#3fd67a}#panorama-art .p-ruby{color:#ff3366}#panorama-art .p-moth{color:#eadcc2}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-bee{color:#e3a300}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-bug-dark{color:#1a120a}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-wing{color:#f8fcff}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-dragonfly{color:#0a86d0}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-darter{color:#d4301c}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-monarch{color:#e8700a}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-brimstone{color:#f0c800}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-blue-wing{color:#2f72e0}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-ladybug{color:#e01e14}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-hummer{color:#12a04a}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-ruby{color:#e0104a}
html[data-theme=light] #panorama-art .p-bee{color:#b07a00}html[data-theme=light] #panorama-art .p-bug-dark{color:#1a120a}
html[data-theme=light] #panorama-art .p-wing{color:#5f7a8e}html[data-theme=light] #panorama-art .p-dragonfly{color:#0a6aa8}
html[data-theme=light] #panorama-art .p-darter{color:#b8281a}html[data-theme=light] #panorama-art .p-monarch{color:#b85206}
html[data-theme=light] #panorama-art .p-brimstone{color:#9a7c00}html[data-theme=light] #panorama-art .p-blue-wing{color:#2458b8}
html[data-theme=light] #panorama-art .p-ladybug{color:#b8140c}html[data-theme=light] #panorama-art .p-hummer{color:#0e7a38}
html[data-theme=light] #panorama-art .p-ruby{color:#b80c3c}html[data-theme=light] #panorama-art .p-moth{color:#6d6150;text-shadow:none}
#panorama-art :is(.p-bee,.p-bug-dark,.p-dragonfly,.p-darter,.p-monarch,.p-brimstone,.p-blue-wing,.p-ladybug,.p-hummer,.p-ruby,.p-moth){font-weight:700;
 text-shadow:-1px 0 #140c06,1px 0 #140c06,0 -1px #140c06,0 1px #140c06}
/* Wings are glass: pale with a soft dark rim. The dark bands of a bee need a pale rim. */
#panorama-art .p-wing{font-weight:700;text-shadow:-1px 0 #1d2a36aa,1px 0 #1d2a36aa,0 -1px #1d2a36aa,0 1px #1d2a36aa}
#panorama-art .p-bug-dark{text-shadow:-1px 0 #f3e6b8,1px 0 #f3e6b8,0 -1px #f3e6b8,0 1px #f3e6b8}
#panorama-art .p-moth{text-shadow:-1px 0 #140c06,1px 0 #140c06,0 0 5px #f6c96a88}

/* The duck family (sky-world.js ducks): a mallard hen in tan-brown, her orange beak, and yellow
   ducklings, each bird its own sprite in its true colour with a thin dark outline. */
#panorama-art .p-hen{color:#d7a86a}#panorama-art .p-beak{color:#ff9a2a}#panorama-art .p-duckling{color:#ffe04a}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-hen{color:#a86f2c}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-beak{color:#f07a0c}
#panorama-art:is([data-fill=day],[data-fill=golden]) .p-duckling{color:#ffd21a}
html[data-theme=light] #panorama-art .p-hen{color:#7a4c16}html[data-theme=light] #panorama-art .p-beak{color:#b85206}
html[data-theme=light] #panorama-art .p-duckling{color:#9a7c00}
html[data-theme=light] #panorama-art .p-duck-eye{color:#1a120a;text-shadow:none}
#panorama-art .p-duck-eye{color:#1a120a;font-weight:700;text-shadow:-1px 0 #f3e6b8,1px 0 #f3e6b8,0 -1px #f3e6b8,0 1px #f3e6b8}
#panorama-art :is(.p-hen,.p-beak,.p-duckling){font-weight:700;text-shadow:-1px 0 #140c06,1px 0 #140c06,0 -1px #140c06,0 1px #140c06}