gamesssssssss

assets/styles/play.css

@@ -495,6 +495,132 @@
   background: var(--surface);
 }
 
+.observatory-ritual {
+  --ritual-sky: #17130f;
+  --ritual-gold: #d6b36a;
+  --ritual-blue: #75a9bd;
+  --ritual-red: #d06b78;
+  --ritual-green: #7fb089;
+  --ritual-violet: #a58ac9;
+}
+
+.observatory-panel {
+  display: grid;
+  gap: 1rem;
+}
+
+.observatory-sky {
+  position: relative;
+  min-height: clamp(340px, 58vw, 620px);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  overflow: hidden;
+  background:
+    radial-gradient(circle at 50% 50%, rgba(214, 179, 106, 0.16), transparent 12%),
+    radial-gradient(circle at 28% 34%, rgba(117, 169, 189, 0.14), transparent 18%),
+    radial-gradient(circle at 72% 70%, rgba(208, 107, 120, 0.12), transparent 16%),
+    repeating-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.07) 0 1px, transparent 1px 58px),
+    var(--ritual-sky);
+}
+
+.observatory-sky::after {
+  content: "";
+  position: absolute;
+  inset: 12%;
+  border: 1px dashed rgba(246, 216, 137, 0.16);
+  border-radius: 50%;
+  pointer-events: none;
+}
+
+.observatory-star {
+  position: absolute;
+  left: var(--x);
+  top: var(--y);
+  width: var(--size);
+  height: var(--size);
+  min-height: 0;
+  padding: 0;
+  border-radius: 50%;
+  border-color: rgba(255, 248, 232, 0.58);
+  background: radial-gradient(circle, #fff8e8 0 20%, var(--ritual-gold) 21% 52%, rgba(214, 179, 106, 0.18) 53% 100%);
+  color: #17130f;
+  font-weight: 900;
+  transform: translate(-50%, -50%);
+  box-shadow: 0 0 18px rgba(214, 179, 106, 0.28);
+}
+
+.observatory-star:hover,
+.observatory-star.is-active {
+  background: radial-gradient(circle, #fff8e8 0 18%, var(--ritual-red) 19% 56%, rgba(208, 107, 120, 0.22) 57% 100%);
+  color: #fff8e8;
+  box-shadow: 0 0 28px rgba(208, 107, 120, 0.46);
+}
+
+.observatory-star span {
+  display: grid;
+  place-items: center;
+  width: 100%;
+  height: 100%;
+  font-size: 0.78rem;
+  text-transform: uppercase;
+}
+
+.observatory-drawer,
+.dream-sentence {
+  padding: 1rem;
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  background: color-mix(in oklab, var(--surface) 86%, var(--play-paper) 14%);
+}
+
+.observatory-thread-actions,
+.symbol-cloud,
+.return-memory-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.65rem;
+}
+
+.temporal-console {
+  grid-template-columns: minmax(0, 1fr) minmax(190px, auto);
+}
+
+.return-memory {
+  display: grid;
+  flex: 1 1 250px;
+  gap: 0.35rem;
+  min-height: 100px;
+  text-align: left;
+}
+
+.return-memory span,
+.symbol-chip span {
+  color: var(--muted);
+  font-size: 0.86rem;
+}
+
+.symbol-cloud {
+  align-items: stretch;
+}
+
+.symbol-chip {
+  flex: 1 1 150px;
+  display: grid;
+  gap: 0.3rem;
+  text-align: left;
+  background:
+    linear-gradient(135deg, color-mix(in oklab, var(--surface) 88%, var(--ritual-blue) 12%), var(--surface));
+}
+
+.symbol-chip.is-active {
+  background: var(--play-ink);
+  color: #fff8e8;
+}
+
+.symbol-chip.is-active span {
+  color: rgba(255, 248, 232, 0.72);
+}
+
 .rpg-shell {
   display: grid;
   grid-template-columns: minmax(0, 960px) minmax(280px, 1fr);
@@ -804,6 +930,7 @@
   .play-console,
   .recipe-tool,
   .sigil-tool,
+  .temporal-console,
   .rpg-shell {
     grid-template-columns: 1fr;
   }