Match the original's choice layouts: vertical YES/NO and lists, full PC menu [no-card]

YES/NO and battle lists are single columns moved with Up/Down, the battle
menu cursor follows the 2x2 grid, and the dialogue menu shows every entry.
Not pushed yet: awaiting manual testing (#64, #65).

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/ui/styles.css

@@ -338,12 +338,18 @@ dialog h2 {
   gap: 6px;
   margin-top: 6px;
 }
+/* The original's YES/NO box is vertical, YES above NO, moved with Up/Down. */
+.native-dialogue > .dialogue-choice[data-kind="yesno"] {
+  flex-direction: column;
+  flex-wrap: nowrap;
+  align-items: flex-end;
+}
+/* Every entry shows (the bedroom PC has six). The dialogue box grows upward
+   and scrolls only when the screen is too small. */
 .dialogue-menu {
   display: flex;
   flex-direction: column;
   gap: 4px;
-  max-height: 9.5em;
-  overflow-y: auto;
 }
 .dialogue-choice .mail-lines {
   display: grid;
@@ -452,6 +458,16 @@ dialog h2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 6px;
 }
+/* Everything but the 2x2 battle menu is a vertical list, as in the original:
+   YES above NO, one move or item per row. */
+.battle-menu[data-layout="list"] {
+  grid-template-columns: minmax(0, 1fr);
+}
+.battle-menu[data-kind="yesno"] button,
+.battle-menu[data-kind="contestswitch"] button:not(.wide) {
+  justify-self: end;
+  min-width: 6em;
+}
 .battle-menu button {
   padding: 6px 10px;
   text-align: left;