Actions

Work Header

Who Stole the Treasure on the Sunny?

Summary:

The Straw Hats' emergency treasure chest has vanished from the Sunny. Search every room, gather witness statements, decode a cipher left in Robin's handwriting, and piece together what actually happened—and who, if anyone, is actually guilty. A fully playable interactive mystery built in HTML and CSS, with branching leads, a suspect board, a collectable evidence inventory, and two endings.

Notes:

This work uses custom HTML and CSS formatting. For the intended experience, please enable Creator's Style (or ensure workskins are turned on in your AO3 preferences). The evidence panel, case progress tracker, suspect board, and all investigation cards are part of the work itself.

This work is interactive. It is not a fic you read passively; it is a mystery you investigate. It is built entirely out of HTML disclosure elements, with no JavaScript whatsoever. That means:

• It works in any browser, on desktop or mobile
• Your progress is not saved — refreshing the page resets everything
• Click a button to search a room, question a witness, or decode a clue
• The evidence inventory and case progress log update automatically as you investigate
• Some content is locked until you have completed earlier steps — the game tracks this for you through CSS alone
• The branching lead paths and final accusation only unlock once all prior investigation is complete
• There is secret evidence hidden. Find it before you accuse for the full ending
• There is a good ending, a true ending, and several wrong answers. There is also a Zoro option.

Take notes. The cipher is real and the clues are consistent. Everything you need to reach the true ending is somewhere in the case file.

(See the end of the work for more notes.)

Work Text:

Who Stole the Treasure on the Sunny?

Interactive Case File

The Straw Hats’ emergency treasure chest has vanished. Search the ship, gather witness statements, collect evidence, follow branching leads, uncover the hidden stash, and decide what really happened. Be advised: one crewmate is guilty of side crimes, one crewmate is technically innocent, one crewmate is suspicious, and Nami is being terrifyingly calm about all of this.

✦ ✦ ✦

Evidence Collected

Filed Evidence

Bite-marked coinOrange threadLedger impressionCipher slipCart grease ragWaxed grove clothSun fragmentTree fragmentLeft-star fragmentSecret compartment key

Inventory fills automatically as you investigate.

Case Progress

Crew Activity Log

Galley searchedDeck searchedMap room searchedLibrary searchedWorkshop searchedGrove searchedSanji loggedChopper loggedFranky loggedBrook loggedFragment IFragment IIFragment IIITimeline reconstructedHiding place tracedMotive testedSecret evidence found

Phase I: Search the Ship

Deck Search

Galley Kitchen

Galley searched ✓

Main Deck

Deck searched ✓

Nami’s Map Room

Map room searched ✓

Robin’s Library Nook

Library searched ✓

Workshop

Workshop searched ✓

Tangerine Grove

Grove searched ✓

Galley Kitchen: Sanji is furious enough to ignite. A tray of meat is missing, a cabinet hangs open, and there is a single gold coin on the counter with an unmistakable bite mark crushed into its edge. The pantry latch is slick with grease. Whatever happened here was loud, stupid, and very Luffy.

Main Deck: You find shallow drag marks from the storage hatch to the center deck, where they abruptly stop. After that: small wheel tracks. Somebody dragged a chest, then loaded it onto a cart. Caught on a splinter nearby is a frayed orange thread. There is no straw hat string here at all, which means at least one rumor currently circulating is complete nonsense.

Nami’s Map Room: A page has been torn from the ledger, but the writing impression remains in the paper beneath: switch the real chest before sunset. The desk contains a new lock receipt, an ink-smudged weather chart, and a key ring missing one small brass key. Nami either anticipated a theft or committed one preemptively.

Robin’s Library Nook: A book about substitution ciphers lies open. Inside it is a slip of paper in Robin’s neat handwriting with three copied symbols: sun / tree / left-star. There is also a fine orange fiber caught beneath the page edge. Robin is nowhere in sight, which feels less reassuring than it should.

Workshop: Franky’s transport cart is missing from its usual outline in the dust. Nearby rests a rag that smells like metal polish and citrus. Usopp’s toolkit has been disturbed. A false-bottom compartment inside the workbench is hanging slightly open, as if someone searched it quickly for a small tool or key and then tried to cover their tracks.

Tangerine Grove: Beneath one tree the soil has been disturbed—not freshly dug, but pressed and reset. Nearby is a square impression in the grass exactly the size of a chest corner. Behind the trunk, tucked into the roots, is a scrap of orange wrapping cloth coated on one side in weatherproof wax.

Phase II: Witness Statements

Witness Notes

Question Sanji

Sanji logged ✓

Question Chopper

Chopper logged ✓

Question Franky

Franky logged ✓

Question Brook

Brook logged ✓

Sanji: “Luffy came in at dawn dragging a smaller box and asked whether pirate snack funds could be converted directly into meat. I rejected the premise and kicked him out. So yes, he stole something. No, I do not think he masterminded a chest relocation with a cipher by himself unless hell froze over.”

Chopper: “Earlier Nami came to me with a splinter in her finger. She kept asking whether Robin had left the library yet. She also told me not to tell anyone she’d been there, which usually means I am already telling too much.”

Franky: “Yesterday somebody asked if the treasure lock could be opened without damaging the chest. Later I found scratch marks near the hinge like someone had tested the lock or a copy key. And my cart? Borrowed. Unapproved. Not SUPER.”

Brook: “At midnight, I heard two people on deck. One walked lightly. The other walked so calmly it became ominous. Then came wheels. Then whispering. Then someone said, ‘Left at the tree.’ I decided, in the interest of continued undeath, not to investigate. Yohohoho!”

Phase III: Cipher Fragments

Recovered Cipher

Fragment I

Fragment I ✓

Fragment II

Fragment II ✓

Fragment III

Fragment III ✓

Fragment I: Beside the sun symbol, someone wrote: start where all voyages are recorded.

Fragment II: Beside the tree symbol: what is safest is what is most obvious to its owner.

Fragment III: Beside the left-star symbol: from the center path, count one trunk left.

Notebook

Compiled Notes

Luffy handled a smaller box tied to meat theft, not necessarily the main chest.

The main chest was moved by hand, then by cart. Orange thread found on deck.

The torn ledger page implies the real chest was switched before sunset.

Robin prepared cipher symbols and had matching orange fiber near the note.

Someone used Franky’s cart and rummaged through Usopp’s workbench.

The grove shows signs of deliberate concealment, not a panicked dump.

Sanji clears Luffy of being the complete mastermind while confirming he committed theft.

Nami had a splinter and was checking on Robin’s movements.

The lock was tested in advance. This was planned, not impulsive.

Brook heard two people and the phrase “Left at the tree.”

The cipher begins from a place tied to navigation or recorded voyages.

The hidden place is “obvious to its owner.”

The final clue points directly to a tree location from a center path.

Timeline reconstruction suggests the switch happened before Luffy’s galley crime, which later muddied the evidence.

The cipher and grove evidence together strongly imply relocation, not external theft.

The motive may have been protection of the real chest rather than greed.

A missing brass key and hidden compartment evidence suggest there is still one layer of the truth left buried.

Suspect Board

Persons of Interestsuspect

Supplemental profiles compiled from crew nonsense, evidence, and vibes.

Luffy

Luffy card ✓

Nami

Nami card ✓

Robin

Robin card ✓

Usopp

Usopp card ✓

Zoro

Zoro card ✓

🍖

Monkey D. Luffy chaotic

Motive: treasure / meat / being Luffy.

Evidence places him at the scene of a different crime. Loud. Greasy. Bite-marked. Emotionally committed to theft, but not built for quiet conspiracy.

💰

Nami high priority

Motive: protect treasure / control every variable / sleep at night.

Possesses the strongest logistical profile. Ledger note, missing key, grove access, and a distressingly plausible ability to outmaneuver everyone on board.

📚

Robin

Motive: unknown / assistance / elegant criminal literacy.

Connected to the cipher. Probably knows more than she says. Her level of calm is either innocence or the sort of serenity only achieved by people who have already hidden the body.

🔧

Usopp

Motive: panic / improvisation / collateral involvement.

Workshop disturbance suggests his tools were used or searched. Could be implicated. Could also simply be living in the blast radius of everyone else’s terrible decisions.

🗡

Zoro

Motive: none.

Possible involvement remains low unless the chest somehow got lost and accidentally found him first.

Phase IV: Follow the Leads

Reasoning Paths

Branching leads locked. Search every room, log every statement, and gather every cipher fragment first.

Core investigation complete. Choose which line of reasoning to pursue.

Reconstruct the Timeline

Timeline done ✓

Trace the Hiding Place

Hiding place traced ✓

Test the Motive

Motive tested ✓

Timeline Reconstruction: The chest was switched before sunset, meaning before Sanji’s dawn argument with Luffy. That makes Luffy’s meat-fund stupidity a later distraction, not the main event. Someone planned ahead, acquired or tested access to the lock, borrowed Franky’s cart, and relocated the real chest while leaving a decoy or empty shell in its place.

Trace the Hiding Place: Starting from the map room—the place where voyages are recorded—the cipher moves conceptually to the grove, where what is “most obvious to its owner” would be Nami’s own treasured trees. “From the center path, count one trunk left” points not just to the grove in general, but to a specific tree. The waxed cloth implies weatherproof concealment rather than temporary panic.

Test the Motive: If the lock had been tested, the real threat was not internal greed but an anticipated theft. Relocating the chest before anyone else could take it would protect the crew’s money. Robin’s cipher assistance fits helping a friend secure something. Nami’s behavior stops looking like embezzlement and starts looking like paranoid disaster management—which, for Nami, is basically an expression of love.

seal opened ✓

Secret Evidence: The missing brass key fits a hidden latch inside Nami’s map desk. Inside that compartment is a folded note in Robin’s hand: Moved exactly as requested. Real chest secured in grove. Decoy left in place. If Luffy finds the decoy first, that is between him and destiny. There is also a tiny penciled annotation below it in Nami’s hand: Better he steals the fake one than let someone else test the real lock again.

Final Theory

Verdict

Accusation locked. Complete all three lead paths first.

Choose your conclusion. The file locks after one selection.

Accuse Luffy
Accuse Robin
Accuse Nami
Accuse Nami & Robin
Accuse Zoro Somehow

Wrong. Luffy absolutely stole a box. It was just not this box. He committed a side quest crime involving meat, bad judgment, and probably chewing on currency. He is guilty, but not of the main incident.

Partly right. Robin did help create the cipher and probably assisted with the relocation, but she was not acting alone or for personal gain. This conclusion catches the accomplice while missing the motive and the actual owner of the plan.

Mostly right. Nami orchestrated the relocation of the real chest, but calling it “theft” is technically false. She moved it to protect it after realizing the lock had been tested. You have the culprit, but not the full shape of the truth.

Good ending. resolved Nami and Robin moved the chest together. Nami planned the relocation after suspecting the treasure was vulnerable. Robin helped encode the hiding place. Luffy’s unrelated snack-fund robbery muddied the case. You solved the practical truth, even if not every last detail.

Wrong, but brave. Zoro did not steal the treasure chest. He may, however, be asleep thirty feet away from it by sheer coincidence and impossible navigation physics.

Supplemental Addendum

The case file has room for one final correction.

Present the Full Truth

True ending. corrected No one truly “stole” the treasure from the crew. Nami discovered that someone had tested the lock on the emergency chest. Before sunset, she secretly switched the real chest out, borrowed Franky’s cart, hid the real treasure in the grove, and had Robin encode the exact location in case something happened to her. Robin’s note confirms she helped as requested. Meanwhile, Luffy found the decoy or secondary box later and committed his own separate meat-motivated theft, scattering stupid evidence all over the galley and making the entire investigation look like a pirate clown show. The full truth is this: Nami stole the treasure only from the possibility of being stolen, Robin helped her do it, and Luffy accidentally became the world’s worst red herring.

Case Footer

Closing Note

Status: misfiled / hilarious / crew-typical.

Case file closed. Nami gets her money back, Robin gets to be smug, Sanji gets to be dramatic, and Luffy learns absolutely nothing.

Notes:

Hope you enjoyed the case! If you're curious how this works: HTML has a native element called details, which toggles open and closed when you click its summary. That is the only interactivity in this entire game — no JavaScript, no frameworks, no tricks beyond what the browser gives you for free.

The mechanism that makes everything else possible is CSS :has(), a selector that lets a parent element react to the state of its descendants. When you open a room or a witness statement, the wrapper element detects that its child details is open and responds: it shows the relevant card, adds the item to your evidence inventory, logs the entry in your case progress tracker, and adds a note to your notebook. All of that happens simultaneously through CSS selectors alone.

The gate logic — the part that keeps Phase IV locked until you've finished Phases I through III — works by requiring a very long :has() chain. The branch panel only becomes visible when the CSS can confirm that all six room details, all four witness details, and all three cipher fragment details are open at once. The accusation panel uses the same principle, waiting until all three lead paths have been explored. The secret evidence compartment has its own condition: it only appears once you've opened both the map room and the workshop and reconstructed the timeline, which is the exact sequence the in-universe logic requires.

The win states are just details elements like everything else. The "true ending" checks whether the secret evidence seal has been opened before any accusation is made, and if so, reveals the supplemental addendum. The lock overlay that prevents changing your accusation is a transparent div that appears the moment any accusation details is open — it sits over the panel and blocks further clicks without any script.

The whole thing is held together with workskin CSS and an embarrassing number of :has() selectors. If you've ever wanted to build something like this, you probably can. It is mostly patience and spite.

---

If this moved you, even a little, please consider leaving a kudos or some feedback. I’ve poured a lot of time, love, and late-night tinkering into this. It's part of a new fixation, and I would love to hear everyone's thoughts.

Lately, I’ve realized: I have free will. Which means I’ve been joyfully and chaotically experimenting with HTML formatting and custom workskins.

Please stay tuned for the next HTML piece! I will post/update something in this series regularly; if you want to stay updated on this HTML series, please consider subscribing or bookmarking.

You can find me on Bluesky ( @the_wild_poet25 ) and on Twitter (the_tamed_poet) if you want to connect. I'm also on Discord too!

The comment section also works—feel free to leave a comment! :)