/home/mrjunejune/zenbu: mrjunejune/src/jrpg/jrpg.css annotate

annotate mrjunejune/src/jrpg/jrpg.css @ 261:b401627fc49e

Add JRPG mock flows and interactive previews Add scripted mock SSE commands, custom event forwarding, animated chat turns, full-height message navigation, and a cyberpunk resume dossier. Co-authored-by: Copilot <[email protected]>

author	MrJuneJune <mrjunejune@users.noreply.github.com>
date	Wed, 05 Aug 2026 20:38:32 -0700
parents	1f9877b637e9
children	0f45474c1b1a

rev	line source
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1 @font-face {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	2 font-family: "Pixel Mplus";
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	3 src: url("/public/fonts/pixel-mplus-12-regular.ttf") format("truetype");
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	4 font-display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	5 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	6
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	7 :root {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	8 --mjj-jrpg-art: url("/public/jrpg/bar-ink.webp");
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	9 --mjj-jrpg-canvas: var(--zenbu-sys-color-surface-page);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	10 --mjj-jrpg-surface: var(--zenbu-sys-color-surface-default);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	11 --mjj-jrpg-surface-raised: var(--zenbu-sys-color-surface-raised);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	12 --mjj-jrpg-surface-sunken: var(--zenbu-sys-color-surface-sunken);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	13 --mjj-jrpg-text: var(--zenbu-sys-color-text-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	14 --mjj-jrpg-text-muted: var(--zenbu-sys-color-text-secondary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	15 --mjj-jrpg-frame: var(--zenbu-sys-color-border-strong);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	16 --mjj-jrpg-frame-soft: var(--zenbu-sys-color-border-subtle);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	17 --mjj-jrpg-primary: var(--zenbu-sys-color-action-primary-background);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	18 --mjj-jrpg-primary-hover:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	19 var(--zenbu-sys-color-action-primary-background-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	20 --mjj-jrpg-primary-foreground:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	21 var(--zenbu-sys-color-action-primary-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	22 --mjj-jrpg-accent: var(--zenbu-sys-color-danger-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	23 --mjj-jrpg-highlight: var(--zenbu-sys-color-warning-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	24 --mjj-jrpg-info: var(--zenbu-sys-color-info-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	25 --mjj-jrpg-success: var(--zenbu-sys-color-success-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	26 --mjj-jrpg-focus: var(--zenbu-sys-color-focus-outer);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	27 --mjj-jrpg-panel: color-mix(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	28 in srgb,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	29 var(--mjj-jrpg-surface) 92%,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	30 transparent
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	31 );
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	32 --mjj-jrpg-panel-strong: color-mix(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	33 in srgb,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	34 var(--mjj-jrpg-surface-sunken) 92%,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	35 transparent
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	36 );
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	37 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	38
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	39 .jrpg-page {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	40 --zenbu-sys-font-family-ui: "Pixel Mplus";
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	41 --zenbu-sys-font-family-content: "Pixel Mplus";
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	42 --zenbu-sys-font-family-code: "Pixel Mplus";
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	43 min-width: 20rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	44 min-height: 100dvh;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	45 overflow: hidden;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	46 overflow-anchor: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	47 background: var(--mjj-jrpg-canvas);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	48 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	49 font-family: "Pixel Mplus";
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	50 font-size: var(--zenbu-sys-font-size-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	51 line-height: var(--zenbu-sys-line-height-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	52 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	53
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	54 .jrpg-page * {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	55 font-family: inherit;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	56 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	57
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	58 .jrpg-main {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	59 box-sizing: border-box;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	60 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	61 max-width: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	62 height: 100dvh;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	63 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	64 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	65 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	66
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	67 .jrpg-shell {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	68 box-sizing: border-box;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	69 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	70 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	71 max-width: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	72 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	73 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	74 padding: var(--zenbu-sys-padding-sm);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	75 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	76 background: var(--mjj-jrpg-canvas);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	77 box-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	78 inset 0 0 0 var(--zenbu-sys-stroke-width)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	79 var(--mjj-jrpg-frame-soft);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	80 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	81
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	82 .jrpg-workspace {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	83 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	84 grid-template:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	85 "scene utility" minmax(0, 1fr)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	86 "composer menu" minmax(9rem, auto) /
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	87 minmax(0, 1.22fr) minmax(19rem, 0.95fr);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	88 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	89 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	90 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	91 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	92
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	93 .jrpg-scene,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	94 .jrpg-utility,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	95 mjj-jrpg-composer,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	96 mjj-jrpg-menu,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	97 .jrpg-preview-panel {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	98 box-sizing: border-box;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	99 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	100 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	101 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	102
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	103 .jrpg-scene {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	104 grid-area: scene;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	105 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	106 grid-template-columns: minmax(8rem, 0.38fr) minmax(15rem, 0.92fr);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	107 align-items: end;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	108 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	109 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	110 padding: var(--zenbu-sys-padding-lg);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	111 overflow: hidden;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	112 background-image:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	113 linear-gradient(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	114 to top,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	115 color-mix(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	116 in srgb,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	117 var(--mjj-jrpg-canvas) 56%,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	118 transparent
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	119 ),
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	120 transparent 55%
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	121 ),
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	122 var(--mjj-jrpg-art);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	123 background-position: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	124 background-size: cover;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	125 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	126
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	127 mjj-jrpg-character {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	128 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	129 align-self: end;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	130 min-width: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	131 filter: drop-shadow(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	132 var(--zenbu-sys-space-related)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	133 var(--zenbu-sys-space-related)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	134 0
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	135 color-mix(in srgb, var(--mjj-jrpg-frame) 35%, transparent)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	136 );
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	137 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	138
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	139 mjj-jrpg-character img {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	140 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	141 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	142 max-height: 25rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	143 object-fit: contain;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	144 object-position: center bottom;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	145 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	146 animation: mjj-jrpg-idle 2.4s steps(2, end) infinite;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	147 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	148
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	149 mjj-jrpg-character[state="thinking"] img {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	150 animation-duration: 0.8s;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	151 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	152
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	153 @keyframes mjj-jrpg-idle {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	154 50% { transform: translateY(calc(var(--zenbu-sys-space-related) * -1)); }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	155 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	156
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	157 mjj-jrpg-chat {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	158 position: relative;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	159 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	160 grid-template-rows: auto minmax(0, 1fr) auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	161 align-self: stretch;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	162 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	163 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	164 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	165 background: var(--mjj-jrpg-panel-strong);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	166 box-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	167 inset 0 0 0 var(--zenbu-sys-stroke-width)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	168 var(--mjj-jrpg-info);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	169 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	170
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	171 .jrpg-panel-heading {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	172 display: flex;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	173 align-items: baseline;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	174 justify-content: space-between;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	175 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	176 padding-bottom: var(--zenbu-sys-padding-sm);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	177 border-bottom: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	178 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	179
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	180 .jrpg-preview-kicker,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	181 .jrpg-menu-label,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	182 .jrpg-brand > p,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	183 .jrpg-dialog-heading p,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	184 .jrpg-preview-stats dt {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	185 color: var(--mjj-jrpg-text-muted);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	186 font-size: var(--zenbu-sys-font-size-xs);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	187 letter-spacing: 0.08em;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	188 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	189
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	190 .jrpg-panel-heading h1 {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	191 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	192 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	193 font-size: var(--zenbu-sys-font-size-lg);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	194 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	195
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	196 zen-message-scroller {
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	197 display: block;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	198 overflow: hidden;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	199 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	200 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	201 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	202
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	203 zen-message-scroller > .jrpg-message-viewport {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	204 box-sizing: border-box;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	205 height: 100%;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	206 min-height: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	207 max-height: none;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	208 overflow-y: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	209 overflow-anchor: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	210 overscroll-behavior: contain;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	211 scrollbar-color: var(--mjj-jrpg-frame) transparent;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	212 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	213
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	214 .jrpg-messages {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	215 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	216 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	217 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	218 padding: var(--zenbu-sys-padding-md) 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	219 list-style: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	220 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	221
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	222 .jrpg-message {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	223 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	224 grid-template-columns: minmax(4rem, auto) 1fr;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	225 gap: var(--zenbu-sys-space-control);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	226 padding-left: var(--zenbu-sys-padding-sm);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	227 border-left: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	228 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	229
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	230 .jrpg-message[hidden] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	231 display: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	232 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	233
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	234 .jrpg-message[data-speaker="June"] {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	235 border-left-color: var(--mjj-jrpg-info);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	236 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	237
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	238 .jrpg-message strong {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	239 color: var(--mjj-jrpg-highlight);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	240 font-weight: var(--zenbu-sys-font-weight-bold);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	241 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	242
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	243 .jrpg-message p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	244 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	245 color: var(--mjj-jrpg-text);
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	246 white-space: pre-wrap;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	247 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	248
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	249 .jrpg-message[data-streaming="true"] p::after {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	250 display: inline-block;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	251 width: 0.65em;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	252 height: 1em;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	253 margin-left: var(--zenbu-sys-space-icon-label);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	254 background: currentColor;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	255 content: "";
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	256 vertical-align: -0.12em;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	257 animation: mjj-jrpg-cursor
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	258 calc(var(--zenbu-sys-motion-duration-layout) * 2)
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	259 steps(1, end)
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	260 infinite;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	261 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	262
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	263 @keyframes mjj-jrpg-cursor {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	264 50% {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	265 opacity: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	266 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	267 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	268
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	269 @media (prefers-reduced-motion: reduce) {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	270 .jrpg-message[data-streaming="true"] p::after {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	271 animation: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	272 }
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	273 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	274
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	275 .jrpg-turn-navigation {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	276 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	277 grid-template-columns: auto minmax(0, 1fr) auto;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	278 align-items: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	279 gap: var(--zenbu-sys-space-icon-label);
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	280 padding-top: var(--zenbu-sys-padding-sm);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	281 border-top: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	282 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	283
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	284 .jrpg-turn-navigation zen-button,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	285 .jrpg-turn-navigation button {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	286 width: 100%;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	287 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	288
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	289 .jrpg-turn-navigation button {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	290 justify-content: center;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	291 border: var(--zenbu-sys-stroke-width) solid transparent;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	292 border-radius: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	293 background: transparent;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	294 color: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	295 font-size: var(--zenbu-sys-font-size-xs);
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	296 cursor: pointer;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	297 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	298
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	299 .jrpg-turn-navigation button:hover:not(:disabled) {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	300 border-color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	301 background: var(--mjj-jrpg-surface-raised);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	302 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	303
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	304 .jrpg-turn-navigation button:disabled {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	305 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	306 cursor: not-allowed;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	307 opacity: var(--zenbu-sys-opacity-disabled);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	308 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	309
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	310 .jrpg-turn-navigation [data-turn-position] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	311 justify-self: center;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	312 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	313 font-size: var(--zenbu-sys-font-size-xs);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	314 letter-spacing: 0.08em;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	315 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	316
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	317 .jrpg-utility {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	318 grid-area: utility;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	319 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	320 grid-template-rows: auto minmax(0, 1fr);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	321 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	322 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	323 background: var(--mjj-jrpg-surface);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	324 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	325
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	326 .jrpg-brand {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	327 display: flex;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	328 align-items: end;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	329 justify-content: space-between;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	330 gap: var(--zenbu-sys-space-control);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	331 padding: 0 var(--zenbu-sys-padding-sm) var(--zenbu-sys-padding-sm);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	332 border-bottom: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	333 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	334
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	335 body.jrpg-page .jrpg-brand header {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	336 width: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	337 max-width: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	338 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	339 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	340 text-align: left;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	341 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	342
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	343 body.jrpg-page .jrpg-brand header h1 {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	344 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	345 color: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	346 font-size: var(--zenbu-sys-font-size-2xl);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	347 letter-spacing: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	348 text-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	349 var(--zenbu-sys-space-icon-label)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	350 var(--zenbu-sys-space-icon-label)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	351 0
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	352 var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	353 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	354
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	355 .jrpg-brand > p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	356 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	357 color: var(--mjj-jrpg-highlight);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	358 text-align: right;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	359 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	360
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	361 mjj-jrpg-preview {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	362 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	363 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	364 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	365
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	366 .jrpg-preview-panel {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	367 display: grid;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	368 grid-template-rows: auto auto auto minmax(0, 1fr) auto auto;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	369 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	370 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	371 padding: var(--zenbu-sys-padding-lg);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	372 background:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	373 linear-gradient(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	374 135deg,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	375 var(--mjj-jrpg-surface-raised),
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	376 var(--mjj-jrpg-surface)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	377 );
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	378 box-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	379 inset 0 0 0 var(--zenbu-sys-stroke-width)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	380 var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	381 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	382
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	383 .jrpg-preview-panel h2,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	384 .jrpg-preview-panel p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	385 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	386 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	387
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	388 .jrpg-preview-panel h2 {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	389 color: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	390 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	391
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	392 .jrpg-preview-panel > p:not(.jrpg-preview-kicker) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	393 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	394 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	395
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	396 .jrpg-work-showcase {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	397 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	398 grid-template-columns: repeat(2, minmax(0, 1fr));
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	399 align-content: start;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	400 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	401 min-height: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	402 margin: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	403 padding: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	404 overflow-y: auto;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	405 list-style: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	406 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	407
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	408 .jrpg-work-showcase a {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	409 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	410 gap: var(--zenbu-sys-space-icon-label);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	411 height: 100%;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	412 padding: var(--zenbu-sys-padding-sm);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	413 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	414 background: var(--mjj-jrpg-panel);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	415 color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	416 text-decoration: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	417 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	418
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	419 .jrpg-work-showcase a:hover,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	420 .jrpg-work-showcase a:focus-visible {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	421 border-color: var(--mjj-jrpg-accent);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	422 background: var(--mjj-jrpg-surface-raised);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	423 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	424
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	425 .jrpg-work-showcase small {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	426 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	427 font-size: var(--zenbu-sys-font-size-xs);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	428 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	429
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	430 .jrpg-preview-stats {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	431 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	432 grid-template-columns: repeat(2, 1fr);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	433 gap: var(--zenbu-sys-space-control);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	434 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	435 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	436
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	437 .jrpg-preview-stats div {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	438 padding: var(--zenbu-sys-padding-sm);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	439 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	440 background: var(--mjj-jrpg-panel);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	441 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	442
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	443 .jrpg-preview-stats dd {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	444 color: var(--mjj-jrpg-success);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	445 margin: var(--zenbu-sys-space-icon-label) 0 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	446 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	447
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	448 .jrpg-preview-dialog > zen-button > button,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	449 .jrpg-preview-dialog dialog zen-button > :where(button, a) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	450 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	451 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	452 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	453 background: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	454 color: var(--mjj-jrpg-primary-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	455 cursor: pointer;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	456 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	457
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	458 .jrpg-preview-dialog > zen-button > button:hover,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	459 .jrpg-preview-dialog dialog zen-button > :where(button, a):hover {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	460 border-color: var(--mjj-jrpg-primary-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	461 background: var(--mjj-jrpg-primary-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	462 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	463
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	464 .jrpg-preview-dialog dialog {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	465 box-sizing: border-box;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	466 width: min(82vw, 46rem);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	467 max-width: calc(100% - var(--zenbu-sys-space-content));
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	468 padding: var(--zenbu-sys-padding-xl);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	469 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	470 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	471 background: var(--mjj-jrpg-surface-raised);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	472 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	473 box-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	474 inset 0 0 0 var(--zenbu-sys-stroke-width)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	475 var(--mjj-jrpg-accent),
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	476 var(--zenbu-sys-space-control)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	477 var(--zenbu-sys-space-control)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	478 0
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	479 var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	480 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	481
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	482 .jrpg-preview-dialog dialog::backdrop {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	483 background: color-mix(in srgb, var(--mjj-jrpg-canvas) 84%, transparent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	484 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	485
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	486 .jrpg-preview-dialog dialog[open] {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	487 animation: mjj-jrpg-dialog-open var(--zenbu-sys-motion-duration-layout)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	488 var(--zenbu-sys-motion-ease-enter);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	489 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	490
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	491 @keyframes mjj-jrpg-dialog-open {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	492 from {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	493 clip-path: inset(48% 25%);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	494 transform: scaleX(0.35);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	495 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	496 to {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	497 clip-path: inset(0);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	498 transform: scaleX(1);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	499 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	500 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	501
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	502 .jrpg-dialog-heading {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	503 display: flex;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	504 align-items: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	505 justify-content: space-between;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	506 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	507 padding-bottom: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	508 border-bottom: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	509 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	510
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	511 .jrpg-dialog-heading p,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	512 .jrpg-preview-dialog dialog > p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	513 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	514 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	515
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	516 .jrpg-dialog-heading zen-button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	517 width: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	518 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	519
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	520 .jrpg-dialog-heading zen-button > button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	521 width: var(--zenbu-control-height);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	522 min-width: var(--zenbu-control-height);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	523 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	524 border-color: var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	525 background: var(--mjj-jrpg-surface);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	526 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	527 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	528
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	529 .jrpg-preview-dialog dialog h2 {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	530 margin-top: var(--zenbu-sys-space-content);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	531 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	532
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	533 .jrpg-preview-dialog dialog > p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	534 margin-bottom: var(--zenbu-sys-space-content);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	535 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	536
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	537 .jrpg-preview-dialog dialog.jrpg-resume-dialog {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	538 width: min(94vw, 72rem);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	539 max-height: calc(100dvh - var(--zenbu-sys-space-container));
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	540 overflow: hidden;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	541 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	542
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	543 .jrpg-preview-dialog dialog.jrpg-resume-dialog[open] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	544 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	545 grid-template-rows: auto auto minmax(0, 1fr) auto;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	546 gap: var(--zenbu-sys-space-group);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	547 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	548
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	549 .jrpg-resume-dossier {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	550 min-height: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	551 padding: var(--zenbu-sys-padding-lg);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	552 overflow: auto;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	553 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	554 background: var(--mjj-jrpg-surface-sunken);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	555 scrollbar-color: var(--mjj-jrpg-frame) transparent;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	556 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	557
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	558 .jrpg-resume-dossier[hidden],
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	559 [data-dialog-copy][hidden],
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	560 [data-resume-status][hidden],
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	561 [data-resume-download][hidden] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	562 display: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	563 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	564
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	565 .jrpg-resume-dossier [data-resume-status] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	566 margin: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	567 color: var(--mjj-jrpg-highlight);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	568 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	569
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	570 .jrpg-resume-dossier [data-resume-content] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	571 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	572 gap: var(--zenbu-sys-space-group);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	573 color: var(--mjj-jrpg-text);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	574 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	575
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	576 .jrpg-resume-dossier :where(p, ul) {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	577 margin-block: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	578 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	579
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	580 .jrpg-resume-dossier .info {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	581 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	582 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	583 padding: var(--zenbu-sys-padding-lg);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	584 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	585 background: var(--mjj-jrpg-panel);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	586 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	587
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	588 .jrpg-resume-dossier .info > p {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	589 color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	590 font-size: var(--zenbu-sys-font-size-xl);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	591 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	592
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	593 .jrpg-resume-dossier .header-address-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	594 .jrpg-resume-dossier .header-social-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	595 display: flex;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	596 flex-wrap: wrap;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	597 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	598 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	599 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	600
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	601 .jrpg-resume-dossier .sub-header {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	602 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	603 grid-template-columns: auto minmax(0, 1fr);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	604 align-items: center;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	605 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	606 margin-top: var(--zenbu-sys-space-content);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	607 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	608
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	609 .jrpg-resume-dossier .sub-header h2 {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	610 margin: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	611 color: var(--mjj-jrpg-highlight);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	612 font-size: var(--zenbu-sys-font-size-lg);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	613 text-transform: uppercase;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	614 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	615
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	616 .jrpg-resume-dossier .sub-header .line {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	617 height: var(--zenbu-sys-stroke-width-emphasis);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	618 background: var(--mjj-jrpg-accent);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	619 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	620
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	621 .jrpg-resume-dossier .flex-box {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	622 display: flex;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	623 align-items: baseline;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	624 justify-content: space-between;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	625 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	626 padding-top: var(--zenbu-sys-padding-sm);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	627 border-top: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	628 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	629
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	630 .jrpg-resume-dossier .entry-title-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	631 .jrpg-resume-dossier .entry-position-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	632 color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	633 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	634
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	635 .jrpg-resume-dossier .entry-location-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	636 .jrpg-resume-dossier .entry-date-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	637 .jrpg-resume-dossier .skill-type-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	638 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	639 text-align: right;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	640 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	641
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	642 .jrpg-resume-dossier .description-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	643 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	644 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	645 padding-left: var(--zenbu-sys-padding-xl);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	646 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	647
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	648 .jrpg-resume-dossier a {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	649 color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	650 text-decoration-color: var(--mjj-jrpg-accent);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	651 text-underline-offset: var(--zenbu-sys-space-icon-label);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	652 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	653
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	654 .jrpg-dialog-actions {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	655 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	656 grid-template-columns: repeat(2, minmax(0, 1fr));
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	657 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	658 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	659
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	660 mjj-jrpg-composer {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	661 grid-area: composer;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	662 display: block;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	663 min-height: 0;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	664 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	665 background: var(--mjj-jrpg-surface);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	666 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	667
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	668 .jrpg-composer {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	669 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	670 grid-template-columns: minmax(0, 1fr) auto;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	671 grid-template-rows: minmax(0, 1fr) auto;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	672 gap: var(--zenbu-sys-space-control);
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	673 height: 100%;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	674 min-height: 0;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	675 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	676
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	677 .jrpg-composer zen-field[appearance="plain"] {
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	678 display: grid;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	679 grid-column: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	680 grid-row: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	681 grid-template-rows: auto minmax(0, 1fr);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	682 gap: var(--zenbu-sys-space-icon-label);
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	683 min-height: 0;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	684 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	685
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	686 .jrpg-composer label,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	687 .jrpg-composer-hint {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	688 grid-column: 1 / -1;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	689 grid-row: 2;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	690 color: var(--mjj-jrpg-text-muted);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	691 font-size: var(--zenbu-sys-font-size-xs);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	692 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	693
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	694 .jrpg-composer zen-field label {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	695 grid-column: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	696 grid-row: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	697 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	698
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	699 .jrpg-composer textarea {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	700 box-sizing: border-box;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	701 grid-column: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	702 grid-row: 2;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	703 width: 100%;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	704 height: 100%;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	705 min-height: calc(var(--zenbu-control-height) * 2);
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	706 resize: none;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	707 padding:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	708 var(--zenbu-control-padding-block)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	709 var(--zenbu-control-padding-inline);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	710 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	711 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	712 background: var(--mjj-jrpg-surface-sunken);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	713 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	714 font: inherit;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	715 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	716
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	717 .jrpg-composer textarea::placeholder {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	718 color: var(--mjj-jrpg-text-muted);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	719 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	720
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	721 .jrpg-page :where(a, button, textarea):focus-visible {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	722 outline: var(--zenbu-sys-focus-width) solid var(--mjj-jrpg-focus);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	723 outline-offset: var(--zenbu-sys-focus-offset);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	724 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	725
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	726 .jrpg-composer-actions {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	727 display: flex;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	728 grid-column: 2;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	729 grid-row: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	730 flex-direction: column;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	731 justify-content: flex-end;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	732 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	733 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	734
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	735 .jrpg-composer zen-button {
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	736 width: 100%;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	737 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	738
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	739 .jrpg-composer zen-button[hidden] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	740 display: none;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	741 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	742
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	743 .jrpg-composer zen-button > button {
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	744 width: 100%;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	745 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	746 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	747 background: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	748 color: var(--mjj-jrpg-primary-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	749 cursor: pointer;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	750 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	751
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	752 .jrpg-composer zen-button > button:hover {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	753 border-color: var(--mjj-jrpg-primary-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	754 background: var(--mjj-jrpg-primary-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	755 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	756
260 1f9877b637e9 Add Copilot-powered cyberpunk JRPG chat MrJuneJune <mrjunejune@users.noreply.github.com> parents: 259 diff changeset	757 .jrpg-composer [data-cancel-control] > button {
1f9877b637e9 Add Copilot-powered cyberpunk JRPG chat MrJuneJune <mrjunejune@users.noreply.github.com> parents: 259 diff changeset	758 border-color: var(--mjj-jrpg-accent);
1f9877b637e9 Add Copilot-powered cyberpunk JRPG chat MrJuneJune <mrjunejune@users.noreply.github.com> parents: 259 diff changeset	759 background: var(--mjj-jrpg-accent);
1f9877b637e9 Add Copilot-powered cyberpunk JRPG chat MrJuneJune <mrjunejune@users.noreply.github.com> parents: 259 diff changeset	760 }
1f9877b637e9 Add Copilot-powered cyberpunk JRPG chat MrJuneJune <mrjunejune@users.noreply.github.com> parents: 259 diff changeset	761
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	762 .jrpg-composer button:disabled {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	763 opacity: var(--zenbu-sys-opacity-disabled);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	764 cursor: not-allowed;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	765 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	766
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	767 .jrpg-composer-hint {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	768 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	769 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	770
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	771 mjj-jrpg-menu {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	772 grid-area: menu;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	773 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	774 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	775 background: var(--mjj-jrpg-surface-sunken);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	776 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	777
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	778 mjj-jrpg-menu nav {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	779 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	780 grid-template-columns: auto 1fr;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	781 align-items: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	782 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	783 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	784 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	785
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	786 .jrpg-menu-label {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	787 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	788 writing-mode: vertical-rl;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	789 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	790
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	791 mjj-jrpg-menu ul {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	792 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	793 grid-template-columns: repeat(2, minmax(0, 1fr));
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	794 gap: var(--zenbu-sys-space-control);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	795 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	796 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	797 list-style: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	798 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	799
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	800 mjj-jrpg-menu zen-button,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	801 mjj-jrpg-menu button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	802 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	803 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	804
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	805 mjj-jrpg-menu button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	806 justify-content: start;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	807 border: var(--zenbu-sys-stroke-width) solid transparent;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	808 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	809 background: transparent;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	810 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	811 cursor: pointer;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	812 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	813
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	814 mjj-jrpg-menu button:hover {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	815 border-color: var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	816 color: var(--mjj-jrpg-primary-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	817 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	818
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	819 mjj-jrpg-menu button[aria-pressed="true"] {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	820 border-color: var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	821 background: var(--mjj-jrpg-surface-raised);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	822 color: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	823 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	824
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	825 mjj-jrpg-menu button zen-icon {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	826 opacity: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	827 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	828
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	829 mjj-jrpg-menu button[aria-pressed="true"] zen-icon {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	830 opacity: 1;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	831 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	832
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	833 @media (max-width: 52rem) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	834 .jrpg-page {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	835 overflow-y: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	836 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	837
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	838 .jrpg-main {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	839 height: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	840 min-height: 100dvh;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	841 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	842 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	843
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	844 .jrpg-shell {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	845 height: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	846 min-height: 100dvh;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	847 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	848
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	849 .jrpg-workspace {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	850 grid-template:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	851 "scene" auto
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	852 "utility" auto
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	853 "menu" auto
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	854 "composer" auto /
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	855 minmax(0, 1fr);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	856 height: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	857 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	858 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	859
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	860 .jrpg-scene {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	861 min-height: 34rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	862 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	863
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	864 .jrpg-utility {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	865 min-height: 27rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	866 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	867
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	868 mjj-jrpg-menu nav {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	869 grid-template-columns: 1fr;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	870 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	871
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	872 .jrpg-menu-label {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	873 writing-mode: initial;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	874 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	875
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	876 mjj-jrpg-menu ul {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	877 grid-template-columns: repeat(3, minmax(0, 1fr));
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	878 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	879 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	880
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	881 @media (max-width: 34rem) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	882 .jrpg-main {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	883 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	884 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	885
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	886 .jrpg-scene {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	887 grid-template-columns: 1fr;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	888 grid-template-rows: minmax(12rem, 0.6fr) minmax(20rem, 1fr);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	889 min-height: 42rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	890 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	891 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	892
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	893 mjj-jrpg-character {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	894 justify-self: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	895 width: min(15rem, 65%);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	896 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	897
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	898 mjj-jrpg-character img {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	899 max-height: 15rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	900 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	901
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	902 .jrpg-brand {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	903 align-items: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	904 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	905
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	906 .jrpg-brand > p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	907 max-width: 9rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	908 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	909
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	910 .jrpg-composer {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	911 grid-template-columns: 1fr;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	912 grid-template-rows:
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	913 minmax(calc(var(--zenbu-control-height) * 3), 1fr)
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	914 auto
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	915 auto;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	916 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	917
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	918 .jrpg-composer-actions {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	919 grid-column: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	920 grid-row: 2;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	921 flex-direction: row;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	922 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	923
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	924 .jrpg-composer-hint {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	925 grid-row: 3;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	926 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	927
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	928 .jrpg-composer-actions zen-button {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	929 flex: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	930 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	931
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	932 .jrpg-work-showcase,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	933 .jrpg-dialog-actions {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	934 grid-template-columns: 1fr;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	935 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	936
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	937 .jrpg-resume-dossier .flex-box {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	938 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	939 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	940
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	941 .jrpg-resume-dossier .entry-location-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	942 .jrpg-resume-dossier .entry-date-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	943 .jrpg-resume-dossier .skill-type-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	944 text-align: left;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	945 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	946
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	947 .jrpg-composer zen-button > button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	948 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	949 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	950
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	951 mjj-jrpg-menu ul {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	952 grid-template-columns: 1fr;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	953 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	954
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	955 .jrpg-preview-dialog dialog {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	956 width: calc(100% - var(--zenbu-sys-space-group));
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	957 max-width: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	958 padding: var(--zenbu-sys-padding-lg);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	959 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	960 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	961
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	962 @media (prefers-reduced-motion: reduce) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	963 mjj-jrpg-character img,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	964 .jrpg-preview-dialog dialog[open] {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	965 animation: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	966 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	967 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	968
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	969 @media (forced-colors: active) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	970 .jrpg-scene {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	971 background-image: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	972 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	973 }

Mercurial

annotate mrjunejune/src/jrpg/jrpg.css @ 261:b401627fc49e