Seedream 5.5 Precision Image Editing

Create a complete, polished, single-file interactive HTML5 game titled “Ramen Rhythm Laboratory,” set in the back kitchen of a midnight Japanese ramen shop. Output only the final HTML document. Inline all CSS and JavaScript; do not use external libraries, frameworks, CDNs, fonts, images, audio files, or network requests. The page must run immediately when opened locally in a modern browser. Design the experience as a responsive full-page website, not a fixed 16:9 image or video. It must adapt gracefully to desktop, tablet, and mobile screens without clipping, horizontal scrolling, unreadable text, or overlapping controls. Use semantic HTML, accessible labels, strong focus states, reduced-motion support, and a clear mobile control alternative for keyboard actions. Build a genuinely playable single-page rhythm-and-skill game. Make the central workstation the main focus: the player drags a piece of dough to stretch it, folds it back onto itself, and performs fast whipping motions to form ramen strands. Implement satisfying pointer-based physics with inertia, elasticity, resistance, velocity detection, strand deformation, and clear visual feedback. Support mouse and touch through Pointer Events. Evaluate stretch distance, fold accuracy, whipping speed, rhythm timing, and consistency to determine noodle thickness and quality. The interaction should feel physical rather than like moving a static icon. Add keyboard-controlled cooking and topping rhythms. Use clearly displayed keys such as A/D or arrow keys to regulate the boiling-water pot, Space to blanch or lift noodles, and J/K/L for timed topping actions. Include visible mobile buttons offering the same controls. Present beat markers, timing windows, combo feedback, pot temperature, cooking progress, broth level, topping readiness, and serving actions. Prevent the page from scrolling when gameplay keys are used. Place a vertical order queue on the left and animated precision instruments on the right. Each order card should specify a requested noodle thickness, doneness, topping pattern, and time limit. Score every completed bowl in real time for thickness accuracy, doneness, rhythm precision, and serving speed. Include total score, combo multiplier, best streak, countdowns, and a concise results breakdown. Maintain coherent game state across multiple orders, progressively increase difficulty, and provide Start, Pause, Restart, and How to Play controls. Make mistakes dramatic and mechanically meaningful: overstretched or poorly folded noodles should knot together; mistimed boiling should cause broth splashes, shaking gauges, warning stamps, and lost combo; overcooking should visibly soften or darken the noodles. Successful streaks should trigger an exaggerated steam celebration with expanding clouds, manga speed lines, flashing celebratory Japanese-style stamps, bouncing instruments, and a brief screen-wide impact animation. Create all visuals with HTML, CSS, SVG, and Canvas generated inside the file. Use a distinctive visual language combining Japanese manga panel composition with precise mechanical cutaway diagrams. Show sectional views of gears, valves, pipes, burner mechanisms, labeled measurement ticks, technical callouts, halftone textures, speed lines, inked contours, and restrained comic sound-effect lettering. Illuminate the stainless-steel worktop with warm tungsten light while an indigo snowy night is visible through the kitchen window. Snow should drift subtly outside, steam should curl above the pot, liquid should bubble, gauges should respond continuously, and small reflections should move across metal surfaces. Organize the interface into clearly separated vermilion, creamy white, and deep navy zones. Use warm amber highlights, charcoal ink outlines, layered shadows, crisp typography, and subtle paper grain created procedurally with CSS. Keep the central noodle action dominant, with the order queue and dynamic instruments visually balanced around it. Animations should be detailed, smooth, and purposeful, with satisfying transitions and micro-interactions rather than constant visual noise. Include a compact opening tutorial overlay, an attract-mode idle animation, audio-style feedback recreated visually without requiring sound, and enough procedural variation for repeated play. Ensure the core scoring, timers, collisions, combo logic, order progression, pause state, restart flow, responsive layout, and all controls actually work. Do not produce a static mockup, landing-page-only design, fake controls, placeholder panels, unfinished TODOs, external assets, broken image icons, alert-based interactions, or decorative elements that obscure gameplay. Do not constrain the webpage to a fixed 16:9 canvas. Return only one complete HTML document beginning with <!DOCTYPE html>.

Create a complete, polished, single-file interactive HTML webpage titled “Abyssal Archive Decryption Console.” Output only the final HTML document. Include all CSS and JavaScript inline. Do not use external libraries, frameworks, fonts, images, SVG files, APIs, CDNs, or network requests; every visual element must be generated with HTML, CSS, inline SVG, and Canvas. Build an immersive deep-sea research terminal centered on a large semi-transparent mechanical jellyfish rendered procedurally with layered Canvas graphics. Give it a luminous glasslike bell, visible brass mechanisms, articulated internal rings, drifting particles, and animated bioluminescent tentacles. The jellyfish must be draggable to alter the simulated ocean current and rotatable and zoomable using pointer gestures, mouse dragging, the wheel, and touch input. Its position and movement should visibly affect nearby particles, tentacle curvature, node drift, current vectors, and interface readings with smooth inertia. Arrange four distinct categories of unidentified-creature archives in a radial network around the jellyfish: Abyssal Hunters, Colonial Organisms, Living Fossils, and Signal-Bearing Entities. Each category must contain multiple connected specimen nodes, for at least twelve records total. Use animated filaments or tentacles to connect nodes to the central jellyfish. Clicking a node must open a richly composed hand-drawn specimen card with a procedural engraved creature illustration, taxonomy-style metadata, depth, pressure, discovery status, behavioral notes, waveform or anatomy details, and a close control. Cards should animate in like physical research plates sliding beneath a scanner, and different records must have meaningfully different content rather than repeated placeholders. Include a prominent sonar-frequency input that responds continuously while the user types numeric values. Valid frequencies should reorganize the Canvas particle swarm into different procedural formations such as spirals, rings, schools, skeletal silhouettes, or coordinate glyphs; update the waveform, terminal readouts, and ocean-current behavior; and unlock several hidden records at discoverable frequency ranges. Show clear but atmospheric feedback for invalid input, locked records, successful decoding, and newly revealed evidence. Add a compact frequency-history log and a visual unlock-progress indicator. Support useful keyboard controls: focus the sonar input, submit or clear a frequency, cycle archive nodes, open the selected record, close overlays with Escape, and display a keyboard-help panel. The visual direction must fuse a deep-sea scientific terminal, antique copperplate museum illustration, and distressed glitch-scanning textures. Use restrained ink navy, oxidized teal, cyan-green bioluminescence, and rusted gold, with cold blue light as the primary illumination and intermittent amber warning lights as localized accents. Create a central radial composition with side-mounted vertical depth scales, pressure ticks, specimen coordinates, subtle grid lines, scan bars, chromatic misregistration, film grain, engraved hatching, and occasional data corruption. Maintain strong hierarchy and readable typography despite the atmospheric treatment. Add restrained audio-terminal-inspired visual pulses without requiring sound. Use a layered, information-dense layout: top mission header and status strip; left-side archive filters and vertical depth ruler; central interactive Canvas chamber; right-side live telemetry, current direction, pressure, selected specimen summary, and unlock status; bottom sonar console, waveform, frequency input, keyboard hints, and event log. Add tooltips, active, hover, focus, selected, locked, loading, and unlocked states. Include a short first-run onboarding overlay that explains the core interactions and can be dismissed. All primary interactions must be functional and state-linked, not decorative simulations. Make the page responsive and usable across wide desktop, laptop, tablet, and mobile screens. Do not impose a fixed 16:9 aspect ratio: this is a responsive webpage that must fill the available viewport and intelligently reorganize its panels at narrow widths. Preserve the central jellyfish interaction area, readable controls, touch targets, and accessible overlays at every size. Include semantic HTML, visible keyboard focus states, ARIA labels where appropriate, reduced-motion support, and high-contrast text. Aim for exceptional visual polish and interaction completeness: smooth animation loops, adaptive particle counts for performance, crisp high-DPI Canvas rendering, procedural detail, coordinated state transitions, and graceful resizing. Prevent accidental page scrolling while manipulating the Canvas, but retain normal scrolling when the responsive layout requires it. Do not create a static mockup, hero-only landing page, simple card grid, generic admin dashboard, fixed 16:9 canvas, video, slideshow, or screenshot-like composition. Do not use placeholder rectangles, lorem ipsum, emoji as interface icons, external assets, broken controls, fake buttons, alert() dialogs, excessive neon rainbow colors, overly bright backgrounds, or unreadably tiny text. Do not omit the jellyfish manipulation, particle reconfiguration, sonar input, archive unlocking, specimen-card system, keyboard interaction, responsive behavior, or interconnected state changes.