Sevastopol Archive

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a single-page interactive archival terminal called “SEVASTOPOL ARCHIVE: CUTSCENES.” This is a lightweight log-entry selector rather than an action game: the only interaction is choosing one of seven entries from a native dropdown, which replaces the embedded player’s URL with that entry’s configured YouTube URL.

Visual design: center a responsive archive panel on a nearly black/deep green background (#050b06), with bright phosphor green monospace/Courier-style typography, glowing text and borders, and a subtle full-screen CRT scanline effect made from repeating horizontal lines. Keep the layout centered, capped at roughly 800px wide, with generous dark negative space around it. Use uppercase text and a sci-fi computer-terminal presentation. The header reads “SEVASTOPOL ARCHIVE: CUTSCENES” with letter spacing and green glow. In the supplied visual treatment, the archive also presents small terminal metadata such as “WEYLAND-YUTANI // RECOVERED DATA NODE 07,” “ARCHIVE ONLINE,” and “LOCAL PLAYBACK MODE,” plus a thin glowing divider; preserve this kind of compact status styling without adding gameplay systems.

Below the heading, show the left-aligned label “SELECT LOG ENTRY:” and a full-width black select control with a 2px phosphor-green border, green monospace text, green glow, and a visible focus outline when focused. Populate it in this exact order:
1. “Prologue & The Torrens Briefing”
2. “Arrival at Sevastopol Station”
3. “First Xenomorph Encounter”
4. “The Hive Discovery”
5. “Jammed Communications & Working Joes”
6. “The Anesidora Explosion”
7. “Purging the Station & Ending Cinematic”
The first entry is selected initially.

Under the selector, place a large 16:9 black video/player area, outlined with a thick glowing green border and subtle green outer shadow. Implement it as an iframe filling the player area, with no extra controls invented by the game itself; its initial src is https://youtube.com. When the dropdown changes, set the iframe src to the corresponding configured URL:
- entry 1: https://youtube.com
- entry 2: https://youtube.com?start=320
- entry 3: https://youtube.com?start=645
- entry 4: https://youtube.com?start=1210
- entry 5: https://youtube.com?start=1840
- entry 6: https://youtube.com?start=2430
- entry 7: https://youtube.com?start=3110
Use the iframe title “Cutscene player” and allow normal embedded-video permissions/fullscreen. Since these are placeholder YouTube URLs, the player may visibly appear as a dark/blank embedded page; do not fabricate actual cutscene footage.

Below the player, show a left-aligned terminal status block with a bright green vertical rule and glowing monospace text:
“SYSTEM: ONLINE...”
“DATA RETRIEVAL: SUCCESSFUL.”
“WARNING: XENOMORPH INFESTATION DETECTED ON SUB-LEVELS.”
Color the warning pale yellow-green/yellow while keeping the other lines phosphor green. The screenshot treatment may additionally show a compact entry number/time readout, a centered media placeholder icon, a title such as “PROLOGUE & THE TORRENS BRIEFING,” and a thin playback/progress line inside the player; if included, these must remain purely decorative and must not imply extra playable mechanics or progress state.

Behavior/state: maintain currentIndex, currentCutscene label, and playerUrl. Expose equivalent state access so the selected entry can be read and restored: getGameState returns the current index, current label, and iframe URL; setGameState accepts a valid integer currentIndex, updates the select, and changes the iframe. Selecting an entry immediately updates the iframe. Make the page responsive: reduce body padding and dropdown font size on narrow screens, keep the video at 16:9, and preserve readable terminal styling.