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

annotate mrjunejune/src/jrpg/jrpg.css @ 272:41a49c29a28f

polish JRPG conversation experience Integrate desktop conversations into the utility panel, simplify the mobile frame, add modal destinations and a reusable Zenbu composer lab, and preserve explicit conversation resume behavior. Co-authored-by: Copilot <[email protected]>

author	MrJuneJune <me@mrjunejune.com>
date	Fri, 07 Aug 2026 16:05:29 -0700
parents	04fee26ecce0
children	e02e2036ef84

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");
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	9 --mjj-jrpg-frame-art: url("/public/jrpg/background-frame-2.webp");
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	10 --mjj-jrpg-canvas: var(--zenbu-sys-color-surface-page);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	11 --mjj-jrpg-surface: var(--zenbu-sys-color-surface-default);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	12 --mjj-jrpg-surface-raised: var(--zenbu-sys-color-surface-raised);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	13 --mjj-jrpg-surface-sunken: var(--zenbu-sys-color-surface-sunken);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	14 --mjj-jrpg-text: var(--zenbu-sys-color-text-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	15 --mjj-jrpg-text-muted: var(--zenbu-sys-color-text-secondary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	16 --mjj-jrpg-frame: var(--zenbu-sys-color-border-strong);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	17 --mjj-jrpg-frame-soft: var(--zenbu-sys-color-border-subtle);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	18 --mjj-jrpg-primary: var(--zenbu-sys-color-action-primary-background);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	19 --mjj-jrpg-primary-hover:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	20 var(--zenbu-sys-color-action-primary-background-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	21 --mjj-jrpg-primary-foreground:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	22 var(--zenbu-sys-color-action-primary-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	23 --mjj-jrpg-accent: var(--zenbu-sys-color-danger-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	24 --mjj-jrpg-highlight: var(--zenbu-sys-color-warning-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	25 --mjj-jrpg-info: var(--zenbu-sys-color-info-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	26 --mjj-jrpg-success: var(--zenbu-sys-color-success-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	27 --mjj-jrpg-focus: var(--zenbu-sys-color-focus-outer);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	28 --mjj-jrpg-panel: color-mix(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	29 in srgb,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	30 var(--mjj-jrpg-surface) 92%,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	31 transparent
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	32 );
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	33 --mjj-jrpg-panel-strong: color-mix(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	34 in srgb,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	35 var(--mjj-jrpg-surface-sunken) 92%,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	36 transparent
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
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	40 .jrpg-page {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	41 --zenbu-sys-font-family-ui: "Pixel Mplus";
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	42 --zenbu-sys-font-family-content: "Pixel Mplus";
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	43 --zenbu-sys-font-family-code: "Pixel Mplus";
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	44 --zenbu-sys-type-label-family: "Pixel Mplus";
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	45 min-width: 20rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	46 min-height: 100dvh;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	47 overflow: hidden;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	48 overflow-anchor: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	49 background: var(--mjj-jrpg-canvas);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	50 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	51 font-family: "Pixel Mplus";
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	52 font-size: var(--zenbu-sys-font-size-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	53 line-height: var(--zenbu-sys-line-height-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	54 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	55
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	56 .jrpg-page * {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	57 font-family: inherit;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	58 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	59
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	60 .jrpg-page zen-icon svg {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	61 shape-rendering: crispEdges;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	62 stroke-linecap: square;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	63 stroke-linejoin: miter;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	64 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	65
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	66 .jrpg-main {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	67 box-sizing: border-box;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	68 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	69 max-width: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	70 height: 100dvh;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	71 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	72 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	73 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	74
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	75 .jrpg-shell {
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	76 --mjj-frame-scene-inline: 3.2%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	77 --mjj-frame-scene-block: 9.4%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	78 --mjj-frame-scene-width: 54.8%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	79 --mjj-frame-scene-height: 57%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	80 --mjj-frame-utility-inline: 60.4%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	81 --mjj-frame-utility-block: 9.4%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	82 --mjj-frame-utility-width: 36.5%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	83 --mjj-frame-utility-height: 57%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	84 --mjj-frame-composer-inline: 3.2%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	85 --mjj-frame-composer-block: 72%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	86 --mjj-frame-composer-width: 68.2%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	87 --mjj-frame-composer-height: 17.2%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	88 --mjj-frame-menu-inline: 73.4%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	89 --mjj-frame-menu-block: 72%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	90 --mjj-frame-menu-width: 23.4%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	91 --mjj-frame-menu-height: 17.2%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	92 --mjj-frame-brand-inline: 5.4%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	93 --mjj-frame-brand-block: 2.2%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	94 --mjj-frame-brand-width: 7.8%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	95 --mjj-frame-brand-height: 5.2%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	96 --mjj-frame-controls-inline: 86.6%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	97 --mjj-frame-controls-block: 3.4%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	98 --mjj-frame-controls-width: 11.5%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	99 --mjj-frame-controls-height: 10%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	100 --mjj-frame-controls-gap: 7%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	101 --mjj-frame-telemetry-inline: 8.5%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	102 --mjj-frame-telemetry-block: 92.8%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	103 --mjj-frame-telemetry-width: 75%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	104 --mjj-frame-telemetry-height: 4.8%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	105 --mjj-frame-temp-value-inline: 12%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	106 --mjj-frame-user-value-inline: 32.5%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	107 --mjj-frame-status-value-inline: 60.5%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	108 --mjj-frame-uptime-value-inline: 88%;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	109 --mjj-frame-dog-bar-block-end: 0%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	110 --mjj-frame-dog-bar-height: 100%;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	111 box-sizing: border-box;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	112 display: grid;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	113 place-items: center;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	114 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	115 max-width: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	116 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	117 margin: 0;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	118 padding: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	119 border: 0;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	120 background: var(--mjj-jrpg-canvas);
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	121 box-shadow: none;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	122 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	123
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	124 .jrpg-workspace {
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	125 position: relative;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	126 display: block;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	127 width: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	128 height: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	129 max-height: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	130 aspect-ratio: auto;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	131 min-height: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	132 background-image: var(--mjj-jrpg-frame-art);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	133 background-position: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	134 background-repeat: no-repeat;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	135 background-size: 100% 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	136 image-rendering: pixelated;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	137 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	138
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	139 .jrpg-workspace > .jrpg-brand {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	140 position: absolute;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	141 z-index: 4;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	142 inset:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	143 var(--mjj-frame-brand-block)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	144 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	145 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	146 var(--mjj-frame-brand-inline);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	147 display: grid;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	148 place-items: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	149 width: var(--mjj-frame-brand-width);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	150 height: var(--mjj-frame-brand-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	151 margin: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	152 padding: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	153 border: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	154 background: var(--mjj-jrpg-canvas);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	155 box-shadow: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	156 text-align: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	157 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	158
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	159 .jrpg-workspace > .jrpg-brand header {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	160 position: relative;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	161 z-index: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	162 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	163
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	164 .jrpg-frame-controls {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	165 position: absolute;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	166 z-index: 5;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	167 inset:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	168 var(--mjj-frame-controls-block)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	169 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	170 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	171 var(--mjj-frame-controls-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	172 display: grid;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	173 grid-template-columns: repeat(3, minmax(0, 1fr));
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	174 gap: var(--mjj-frame-controls-gap);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	175 width: var(--mjj-frame-controls-width);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	176 height: var(--mjj-frame-controls-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	177 margin: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	178 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	179
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	180 .jrpg-frame-controls zen-button,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	181 .jrpg-frame-controls :where(button, a) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	182 width: 100%;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	183 height: 100%;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	184 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	185
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	186 .jrpg-frame-controls :where(button, a) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	187 padding: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	188 border: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	189 border-radius: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	190 background: transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	191 color: transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	192 cursor: pointer;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	193 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	194
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	195 .jrpg-frame-controls zen-icon {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	196 opacity: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	197 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	198
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	199 .jrpg-frame-telemetry {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	200 position: absolute;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	201 z-index: 4;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	202 inset:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	203 var(--mjj-frame-telemetry-block)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	204 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	205 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	206 var(--mjj-frame-telemetry-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	207 display: block;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	208 width: var(--mjj-frame-telemetry-width);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	209 height: var(--mjj-frame-telemetry-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	210 margin: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	211 padding: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	212 color: var(--mjj-jrpg-primary);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	213 font-size: clamp(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	214 var(--zenbu-sys-font-size-xs),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	215 1vw,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	216 var(--zenbu-sys-font-size-sm)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	217 );
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	218 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	219
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	220 .jrpg-frame-telemetry > * {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	221 position: absolute;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	222 top: 50%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	223 padding-inline: var(--zenbu-sys-padding-md);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	224 background: var(--mjj-jrpg-canvas);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	225 transform: translate(-50%, -50%);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	226 white-space: nowrap;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	227 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	228
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	229 .jrpg-frame-telemetry > :nth-child(1) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	230 left: var(--mjj-frame-temp-value-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	231 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	232
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	233 .jrpg-frame-telemetry > :nth-child(2) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	234 left: var(--mjj-frame-user-value-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	235 padding-inline: var(--zenbu-sys-padding-xl);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	236 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	237
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	238 .jrpg-frame-telemetry > :nth-child(3) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	239 left: var(--mjj-frame-status-value-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	240 padding-inline: var(--zenbu-sys-padding-xl);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	241 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	242
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	243 .jrpg-frame-telemetry > :nth-child(4) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	244 left: var(--mjj-frame-uptime-value-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	245 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	246
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	247 .jrpg-frame-telemetry [data-frame-network][data-state="offline"] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	248 color: var(--mjj-jrpg-accent);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	249 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	250
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	251 .jrpg-frame-controls :where(button, a):focus-visible {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	252 outline-color: var(--mjj-jrpg-focus);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	253 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	254
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	255 .jrpg-shell[data-minimized="true"] .jrpg-workspace > :is(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	256 .jrpg-scene,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	257 .jrpg-utility,
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	258 mjj-composer,
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	259 mjj-jrpg-menu
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	260 ) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	261 visibility: hidden;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	262 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	263
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	264 .jrpg-workspace > .jrpg-scene,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	265 .jrpg-workspace > .jrpg-utility,
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	266 .jrpg-workspace > mjj-composer,
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	267 .jrpg-workspace > mjj-jrpg-menu {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	268 position: absolute;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	269 margin: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	270 border: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	271 border-radius: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	272 box-shadow: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	273 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	274
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	275 .jrpg-workspace > .jrpg-scene {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	276 inset:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	277 var(--mjj-frame-scene-block)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	278 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	279 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	280 var(--mjj-frame-scene-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	281 width: var(--mjj-frame-scene-width);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	282 height: var(--mjj-frame-scene-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	283 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	284
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	285 .jrpg-workspace > .jrpg-utility {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	286 inset:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	287 var(--mjj-frame-utility-block)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	288 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	289 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	290 var(--mjj-frame-utility-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	291 width: var(--mjj-frame-utility-width);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	292 height: var(--mjj-frame-utility-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	293 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	294
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	295 .jrpg-workspace > mjj-composer {
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	296 inset:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	297 var(--mjj-frame-composer-block)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	298 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	299 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	300 var(--mjj-frame-composer-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	301 width: var(--mjj-frame-composer-width);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	302 height: var(--mjj-frame-composer-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	303 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	304
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	305 .jrpg-workspace > mjj-jrpg-menu {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	306 inset:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	307 var(--mjj-frame-menu-block)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	308 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	309 auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	310 var(--mjj-frame-menu-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	311 width: var(--mjj-frame-menu-width);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	312 height: var(--mjj-frame-menu-height);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	313 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	314
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	315 .jrpg-scene,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	316 .jrpg-utility,
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	317 mjj-composer,
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	318 mjj-jrpg-menu,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	319 .jrpg-preview-panel {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	320 box-sizing: border-box;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	321 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	322 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	323 }
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 .jrpg-scene {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	326 grid-area: scene;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	327 position: relative;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	328 display: grid;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	329 grid-template-columns: minmax(5rem, 0.38fr) minmax(0, 0.92fr);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	330 align-items: end;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	331 gap: var(--zenbu-sys-space-control);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	332 min-height: 0;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	333 padding: var(--zenbu-sys-padding-md);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	334 overflow: hidden;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	335 background-image:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	336 linear-gradient(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	337 to top,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	338 color-mix(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	339 in srgb,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	340 var(--mjj-jrpg-canvas) 56%,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	341 transparent
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 transparent 55%
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	344 ),
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	345 var(--mjj-jrpg-art);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	346 background-position: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	347 background-size: cover;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	348 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	349
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	350 .jrpg-scene::before {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	351 position: absolute;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	352 z-index: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	353 inset: auto 0 var(--mjj-frame-dog-bar-block-end);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	354 height: var(--mjj-frame-dog-bar-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	355 background-image: var(--mjj-jrpg-art);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	356 background-position: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	357 background-repeat: no-repeat;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	358 background-size: cover;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	359 content: "";
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	360 image-rendering: pixelated;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	361 pointer-events: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	362 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	363
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	364 mjj-jrpg-character {
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	365 position: relative;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	366 z-index: 2;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	367 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	368 align-self: end;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	369 min-width: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	370 filter: drop-shadow(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	371 var(--zenbu-sys-space-related)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	372 var(--zenbu-sys-space-related)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	373 0
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	374 color-mix(in srgb, var(--mjj-jrpg-frame) 35%, transparent)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	375 );
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	376 }
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 mjj-jrpg-character img {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	379 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	380 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	381 max-height: 25rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	382 object-fit: contain;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	383 object-position: center bottom;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	384 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	385 animation: mjj-jrpg-idle 2.4s steps(2, end) infinite;
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 mjj-jrpg-character[state="thinking"] img {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	389 animation-duration: 0.8s;
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 @keyframes mjj-jrpg-idle {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	393 50% { transform: translateY(calc(var(--zenbu-sys-space-related) * -1)); }
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
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	396 mjj-jrpg-chat {
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	397 box-sizing: border-box;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	398 position: relative;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	399 z-index: 1;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	400 display: grid;
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	401 grid-template-rows: minmax(0, 1fr) auto;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	402 align-self: stretch;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	403 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	404 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	405 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	406 background: var(--mjj-jrpg-panel-strong);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	407 box-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	408 inset 0 0 0 var(--zenbu-sys-stroke-width)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	409 var(--mjj-jrpg-info);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	410 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	411
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	412 .jrpg-menu-label,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	413 .jrpg-brand > p,
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	414 .jrpg-dialog-heading p {
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	415 color: var(--mjj-jrpg-text-muted);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	416 font-size: var(--zenbu-sys-font-size-xs);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	417 letter-spacing: 0.08em;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	418 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	419
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	420 zen-message-scroller {
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	421 display: block;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	422 overflow: hidden;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	423 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	424 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	425 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	426
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	427 zen-message-scroller > .jrpg-message-viewport {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	428 box-sizing: border-box;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	429 height: 100%;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	430 min-height: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	431 max-height: none;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	432 overflow-y: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	433 overflow-anchor: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	434 overscroll-behavior: contain;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	435 scrollbar-color: var(--mjj-jrpg-frame) transparent;
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
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	438 .jrpg-messages {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	439 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	440 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	441 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	442 padding: var(--zenbu-sys-padding-md) 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	443 list-style: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	444 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	445
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	446 .jrpg-message {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	447 display: grid;
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	448 grid-template-columns: minmax(4rem, auto) minmax(0, 1fr);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	449 gap: var(--zenbu-sys-space-control);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	450 padding-left: var(--zenbu-sys-padding-sm);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	451 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	452 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	453
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	454 .jrpg-message-speaker {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	455 display: flex;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	456 align-items: center;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	457 gap: var(--zenbu-sys-space-icon-label);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	458 align-self: start;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	459 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	460
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	461 .jrpg-message-avatar {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	462 width: var(--zenbu-sys-control-height-sm);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	463 height: var(--zenbu-sys-control-height-sm);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	464 flex: none;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	465 object-fit: contain;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	466 image-rendering: pixelated;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	467 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	468
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	469 .jrpg-message[hidden] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	470 display: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	471 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	472
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	473 .jrpg-message[data-speaker="June"] {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	474 border-left-color: var(--mjj-jrpg-info);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	475 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	476
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	477 .jrpg-message strong {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	478 color: var(--mjj-jrpg-highlight);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	479 font-weight: var(--zenbu-sys-font-weight-bold);
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-message p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	483 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	484 color: var(--mjj-jrpg-text);
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	485 white-space: pre-wrap;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	486 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	487
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	488 .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	489 display: inline-block;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	490 width: 0.65em;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	491 height: 1em;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	492 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	493 background: currentColor;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	494 content: "";
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	495 vertical-align: -0.12em;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	496 animation: mjj-jrpg-cursor
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	497 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	498 steps(1, end)
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	499 infinite;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	500 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	501
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	502 @keyframes mjj-jrpg-cursor {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	503 50% {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	504 opacity: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	505 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	506 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	507
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	508 @media (prefers-reduced-motion: reduce) {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	509 .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	510 animation: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	511 }
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	512 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	513
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	514 .jrpg-turn-navigation {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	515 display: grid;
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	516 grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	517 align-items: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	518 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	519 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	520 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	521 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	522
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	523 .jrpg-turn-navigation zen-button:first-child button {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	524 justify-content: flex-start;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	525 padding-inline-start: var(--zenbu-sys-padding-md);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	526 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	527
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	528 .jrpg-turn-navigation zen-button:last-child button {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	529 justify-content: flex-end;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	530 padding-inline-end: var(--zenbu-sys-padding-md);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	531 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	532
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	533 .jrpg-turn-navigation zen-button,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	534 .jrpg-turn-navigation button {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	535 width: 100%;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	536 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	537
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	538 .jrpg-turn-navigation button {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	539 justify-content: center;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	540 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	541 border-radius: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	542 background: transparent;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	543 color: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	544 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	545 cursor: pointer;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	546 }
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 .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	549 border-color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	550 background: var(--mjj-jrpg-surface-raised);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	551 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	552
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	553 .jrpg-turn-navigation button:disabled {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	554 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	555 cursor: not-allowed;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	556 opacity: var(--zenbu-sys-opacity-disabled);
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
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	559 .jrpg-turn-navigation [data-turn-position] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	560 justify-self: center;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	561 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	562 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	563 letter-spacing: 0.08em;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	564 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	565
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	566 .jrpg-utility {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	567 grid-area: utility;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	568 display: grid;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	569 grid-template-rows: minmax(0, 1fr);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	570 gap: 0;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	571 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	572 background: var(--mjj-jrpg-surface);
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	573 overflow: hidden;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	574 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	575
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	576 .jrpg-utility > mjj-jrpg-preview {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	577 box-sizing: border-box;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	578 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	579 height: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	580 min-height: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	581 min-width: 0;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	582 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	583
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	584 .jrpg-brand {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	585 display: flex;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	586 align-items: end;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	587 justify-content: space-between;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	588 gap: var(--zenbu-sys-space-control);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	589 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	590 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	591 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	592
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	593 body.jrpg-page .jrpg-brand header {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	594 width: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	595 max-width: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	596 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	597 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	598 text-align: left;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	599 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	600
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	601 body.jrpg-page .jrpg-brand header h1 {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	602 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	603 color: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	604 font-size: var(--zenbu-sys-font-size-2xl);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	605 letter-spacing: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	606 text-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	607 var(--zenbu-sys-space-icon-label)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	608 var(--zenbu-sys-space-icon-label)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	609 0
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	610 var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	611 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	612
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	613 .jrpg-brand > p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	614 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	615 color: var(--mjj-jrpg-highlight);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	616 text-align: right;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	617 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	618
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	619 mjj-jrpg-preview {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	620 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	621 min-height: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	622 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	623
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	624 .jrpg-workspace > .jrpg-brand header h1 {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	625 font-size: clamp(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	626 var(--zenbu-sys-font-size-xs),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	627 0.95vw,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	628 var(--zenbu-sys-font-size-sm)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	629 );
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	630 line-height: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	631 white-space: nowrap;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	632 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	633
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	634 .jrpg-preview-panel {
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	635 display: block;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	636 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	637 padding: var(--zenbu-sys-padding-lg);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	638 background:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	639 linear-gradient(
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	640 135deg,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	641 var(--mjj-jrpg-surface-raised),
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	642 var(--mjj-jrpg-surface)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	643 );
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	644 box-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	645 inset 0 0 0 var(--zenbu-sys-stroke-width)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	646 var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	647 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	648
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	649 .jrpg-preview-panel > :is(.jrpg-preview-content, mjj-conversation-archive) {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	650 box-sizing: border-box;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	651 width: 100%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	652 height: 100%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	653 min-width: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	654 min-height: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	655 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	656
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	657 .jrpg-preview-content {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	658 display: grid;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	659 grid-template-rows: auto auto minmax(0, 1fr) auto;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	660 gap: var(--zenbu-sys-space-group);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	661 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	662
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	663 .jrpg-preview-content[hidden] {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	664 display: none;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	665 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	666
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	667 .jrpg-preview-panel h2,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	668 .jrpg-preview-panel p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	669 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	670 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	671
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	672 .jrpg-preview-panel h2 {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	673 color: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	674 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	675
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	676 .jrpg-preview-content > p {
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	677 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	678 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	679
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	680 .jrpg-work-showcase {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	681 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	682 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	683 align-content: start;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	684 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	685 min-height: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	686 margin: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	687 padding: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	688 overflow-y: auto;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	689 list-style: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	690 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	691
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	692 .jrpg-work-showcase a {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	693 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	694 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	695 height: 100%;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	696 padding: var(--zenbu-sys-padding-sm);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	697 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	698 background: var(--mjj-jrpg-panel);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	699 color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	700 text-decoration: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	701 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	702
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	703 .jrpg-work-showcase a:hover,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	704 .jrpg-work-showcase a:focus-visible {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	705 border-color: var(--mjj-jrpg-accent);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	706 background: var(--mjj-jrpg-surface-raised);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	707 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	708
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	709 .jrpg-work-showcase small {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	710 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	711 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	712 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	713
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	714 .jrpg-work-showcase a:has(> zen-icon) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	715 grid-template-columns: auto minmax(0, 1fr);
259 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
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	718 .jrpg-work-showcase a > zen-icon {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	719 grid-row: 1 / 3;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	720 align-self: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	721 color: var(--mjj-jrpg-highlight);
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	722 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	723
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	724 .jrpg-preview-dialog > zen-button > button,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	725 .jrpg-preview-dialog dialog zen-button > :where(button, a) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	726 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	727 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	728 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	729 background: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	730 color: var(--mjj-jrpg-primary-foreground);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	731 cursor: pointer;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	732 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	733
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	734 .jrpg-preview-dialog > zen-button > button:hover,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	735 .jrpg-preview-dialog dialog zen-button > :where(button, a):hover {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	736 border-color: var(--mjj-jrpg-primary-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	737 background: var(--mjj-jrpg-primary-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	738 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	739
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	740 .jrpg-preview-dialog dialog {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	741 box-sizing: border-box;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	742 width: min(82vw, 46rem);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	743 max-width: calc(100% - var(--zenbu-sys-space-content));
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	744 padding: var(--zenbu-sys-padding-xl);
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-surface-raised);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	748 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	749 box-shadow:
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	750 inset 0 0 0 var(--zenbu-sys-stroke-width)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	751 var(--mjj-jrpg-accent),
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	752 var(--zenbu-sys-space-control)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	753 var(--zenbu-sys-space-control)
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	754 0
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	755 var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	756 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	757
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	758 .jrpg-preview-dialog dialog::backdrop {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	759 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	760 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	761
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	762 .jrpg-preview-dialog dialog[open] {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	763 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	764 var(--zenbu-sys-motion-ease-enter);
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 @keyframes mjj-jrpg-dialog-open {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	768 from {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	769 clip-path: inset(48% 25%);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	770 transform: scaleX(0.35);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	771 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	772 to {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	773 clip-path: inset(0);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	774 transform: scaleX(1);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	775 }
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 .jrpg-dialog-heading {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	779 display: flex;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	780 align-items: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	781 justify-content: space-between;
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 padding-bottom: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	784 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	785 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	786
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	787 .jrpg-dialog-heading p,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	788 .jrpg-preview-dialog dialog > p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	789 margin: 0;
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
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	792 .jrpg-dialog-heading zen-button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	793 width: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	794 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	795
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	796 .jrpg-dialog-heading-actions {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	797 display: flex;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	798 align-items: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	799 gap: var(--zenbu-sys-space-control);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	800 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	801
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	802 .jrpg-dialog-heading zen-button > :where(button, a) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	803 width: auto;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	804 min-width: var(--zenbu-control-height);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	805 border-color: var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	806 background: var(--mjj-jrpg-surface);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	807 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	808 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	809
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	810 .jrpg-dialog-heading zen-button > button {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	811 width: var(--zenbu-control-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	812 padding: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	813 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	814
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	815 .jrpg-preview-dialog dialog h2 {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	816 margin-top: var(--zenbu-sys-space-content);
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 .jrpg-preview-dialog dialog > p {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	820 margin-bottom: var(--zenbu-sys-space-content);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	821 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	822
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	823 .jrpg-preview-dialog dialog.jrpg-detail-dialog {
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	824 width: min(94vw, 72rem);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	825 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	826 overflow: hidden;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	827 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	828
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	829 .jrpg-preview-dialog dialog.jrpg-detail-dialog[open] {
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	830 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	831 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	832 gap: var(--zenbu-sys-space-group);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	833 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	834
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	835 .jrpg-preview-dialog dialog.jrpg-detail-dialog[data-detail-mode="tools"] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	836 width: calc(100vw - var(--zenbu-sys-space-content));
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	837 max-width: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	838 height: calc(100dvh - var(--zenbu-sys-space-content));
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	839 max-height: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	840 padding: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	841 border: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	842 background: transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	843 box-shadow: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	844 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	845
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	846 .jrpg-preview-dialog dialog.jrpg-detail-dialog[data-detail-mode="tools"][open] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	847 grid-template-rows: auto minmax(0, 1fr);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	848 gap: var(--zenbu-sys-space-control);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	849 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	850
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	851 .jrpg-detail-dialog[data-detail-mode="tools"] > h2 {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	852 display: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	853 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	854
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	855 .jrpg-detail-dialog[data-detail-mode="tools"] .jrpg-dialog-heading {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	856 padding: var(--zenbu-sys-padding-sm);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	857 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	858 background: var(--mjj-jrpg-surface-raised);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	859 box-shadow:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	860 inset 0 0 0 var(--zenbu-sys-stroke-width)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	861 var(--mjj-jrpg-accent);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	862 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	863
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	864 .jrpg-resume-dossier {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	865 min-height: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	866 padding: var(--zenbu-sys-padding-lg);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	867 overflow: auto;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	868 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	869 background: var(--mjj-jrpg-surface-sunken);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	870 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	871 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	872
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	873 .jrpg-resume-dossier[hidden],
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	874 .jrpg-blog-browser[hidden],
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	875 .jrpg-tool-browser[hidden],
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	876 [data-dialog-trigger-owner][hidden],
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	877 [data-dialog-copy][hidden],
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	878 [data-blog-status][hidden],
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	879 [data-tool-status][hidden],
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	880 [data-resume-status][hidden],
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	881 [data-dialog-actions][hidden],
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	882 [data-resume-download][hidden] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	883 display: none;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	884 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	885
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	886 .jrpg-resume-dossier [data-resume-status] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	887 margin: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	888 color: var(--mjj-jrpg-highlight);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	889 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	890
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	891 .jrpg-resume-dossier [data-resume-content] {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	892 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	893 gap: var(--zenbu-sys-space-group);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	894 color: var(--mjj-jrpg-text);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	895 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	896
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	897 .jrpg-resume-dossier :where(p, ul) {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	898 margin-block: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	899 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	900
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	901 .jrpg-resume-dossier .info {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	902 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	903 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	904 padding: var(--zenbu-sys-padding-lg);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	905 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	906 background: var(--mjj-jrpg-panel);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	907 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	908
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	909 .jrpg-resume-dossier .info > p {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	910 color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	911 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	912 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	913
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	914 .jrpg-resume-dossier .header-address-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	915 .jrpg-resume-dossier .header-social-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	916 display: flex;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	917 flex-wrap: wrap;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	918 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	919 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	920 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	921
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	922 .jrpg-resume-dossier .sub-header {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	923 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	924 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	925 align-items: center;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	926 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	927 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	928 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	929
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	930 .jrpg-resume-dossier .sub-header h2 {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	931 margin: 0;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	932 color: var(--mjj-jrpg-highlight);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	933 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	934 text-transform: uppercase;
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 .sub-header .line {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	938 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	939 background: var(--mjj-jrpg-accent);
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
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	942 .jrpg-resume-dossier .flex-box {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	943 display: flex;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	944 align-items: baseline;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	945 justify-content: space-between;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	946 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	947 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	948 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	949 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	950
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	951 .jrpg-resume-dossier .entry-title-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	952 .jrpg-resume-dossier .entry-position-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	953 color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	954 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	955
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	956 .jrpg-resume-dossier .entry-location-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	957 .jrpg-resume-dossier .entry-date-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	958 .jrpg-resume-dossier .skill-type-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	959 color: var(--mjj-jrpg-text-muted);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	960 text-align: right;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	961 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	962
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	963 .jrpg-resume-dossier .description-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	964 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	965 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	966 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	967 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	968
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	969 .jrpg-resume-dossier a {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	970 color: var(--mjj-jrpg-primary);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	971 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	972 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	973 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	974
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	975 .jrpg-dialog-actions {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	976 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	977 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	978 gap: var(--zenbu-sys-space-control);
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	979 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	980
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	981 :is(.jrpg-blog-browser, .jrpg-tool-browser) {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	982 display: grid;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	983 grid-template-columns: minmax(12rem, 0.35fr) minmax(0, 1fr);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	984 gap: var(--zenbu-sys-space-group);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	985 min-height: 0;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	986 overflow: hidden;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	987 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	988
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	989 :is(.jrpg-blog-browser, .jrpg-tool-browser) > aside,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	990 :is(.jrpg-blog-browser, .jrpg-tool-browser) > article {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	991 min-height: 0;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	992 padding: var(--zenbu-sys-padding-md);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	993 overflow: auto;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	994 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	995 background: var(--mjj-jrpg-surface-sunken);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	996 scrollbar-color: var(--mjj-jrpg-frame) transparent;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	997 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	998
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	999 .jrpg-tool-browser {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1000 display: block;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1001 height: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1002 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1003
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1004 .jrpg-tool-browser > article {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1005 height: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1006 padding: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1007 overflow: hidden;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1008 border: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1009 background: transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1010 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1011
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1012 .jrpg-tool-browser [data-tool-content],
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1013 .jrpg-functional-tool,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1014 .jrpg-tool-panes {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1015 height: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1016 min-height: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1017 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1018
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1019 :is(.jrpg-blog-browser, .jrpg-tool-browser) h3,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1020 .jrpg-blog-browser [data-blog-status],
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1021 .jrpg-tool-browser [data-tool-status] {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1022 margin-top: 0;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1023 color: var(--mjj-jrpg-highlight);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1024 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1025
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1026 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1027 :is([data-blog-list], [data-tool-list]) {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1028 display: grid;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1029 gap: var(--zenbu-sys-space-control);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1030 margin: 0;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1031 padding: 0;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1032 list-style: none;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1033 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1034
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1035 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1036 :is([data-blog-list], [data-tool-list]) zen-button,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1037 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1038 :is([data-blog-list], [data-tool-list]) button {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1039 width: 100%;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1040 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1041
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1042 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1043 :is([data-blog-list], [data-tool-list]) button {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1044 display: grid;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1045 justify-items: start;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1046 gap: var(--zenbu-sys-space-icon-label);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1047 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1048 border-radius: 0;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1049 background: var(--mjj-jrpg-panel);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1050 color: var(--mjj-jrpg-primary);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1051 text-align: left;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1052 cursor: pointer;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1053 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1054
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1055 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1056 :is([data-blog-list], [data-tool-list]) button:hover,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1057 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1058 :is([data-blog-list], [data-tool-list]) button[aria-pressed="true"] {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1059 border-color: var(--mjj-jrpg-accent);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1060 background: var(--mjj-jrpg-surface-raised);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1061 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1062
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1063 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1064 :is([data-blog-list], [data-tool-list]) small {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1065 color: var(--mjj-jrpg-text-muted);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1066 font-size: var(--zenbu-sys-font-size-xs);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1067 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1068
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1069 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1070 :is([data-blog-content], [data-tool-content]) {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1071 color: var(--mjj-jrpg-text);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1072 line-height: var(--zenbu-sys-line-height-lg);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1073 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1074
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1075 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1076 :is([data-blog-content], [data-tool-content])
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1077 :where(h1, h2, h3, h4) {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1078 color: var(--mjj-jrpg-primary);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1079 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1080
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1081 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1082 :is([data-blog-content], [data-tool-content]) a {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1083 color: var(--mjj-jrpg-primary);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1084 text-decoration-color: var(--mjj-jrpg-accent);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1085 text-underline-offset: var(--zenbu-sys-space-icon-label);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1086 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1087
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1088 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1089 :is([data-blog-content], [data-tool-content])
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1090 :where(img, video) {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1091 display: block;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1092 max-width: 100%;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1093 height: auto;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1094 margin-inline: auto;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1095 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1096
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1097 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1098 :is([data-blog-content], [data-tool-content])
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1099 :where(pre, blockquote) {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1100 max-width: 100%;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1101 padding: var(--zenbu-sys-padding-md);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1102 overflow: auto;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1103 border-left: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-accent);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1104 background: var(--mjj-jrpg-panel);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1105 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1106
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1107 :is(.jrpg-blog-browser, .jrpg-tool-browser)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1108 :is([data-blog-content], [data-tool-content]) code {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1109 color: var(--mjj-jrpg-success);
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1110 white-space: pre-wrap;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1111 overflow-wrap: anywhere;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1112 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1113
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1114 .jrpg-tool-readonly-note {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1115 padding: var(--zenbu-sys-padding-sm);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1116 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-highlight);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1117 background: var(--mjj-jrpg-panel);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1118 color: var(--mjj-jrpg-highlight);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1119 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1120
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1121 .jrpg-functional-tool {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1122 min-height: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1123 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1124
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1125 .jrpg-functional-tool [hidden] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1126 display: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1127 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1128
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1129 .jrpg-tool-panes {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1130 position: relative;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1131 box-sizing: border-box;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1132 display: grid;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1133 grid-template-columns:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1134 minmax(0, 1fr)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1135 calc(var(--zenbu-sys-space-container) * 2)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1136 minmax(0, 1fr);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1137 gap: var(--zenbu-sys-space-control);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1138 height: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1139 min-height: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1140 padding: var(--zenbu-sys-padding-sm);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1141 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1142
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1143 .jrpg-tool-panes::before {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1144 grid-column: 2;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1145 grid-row: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1146 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1147 background-image:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1148 radial-gradient(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1149 circle at 50% var(--zenbu-sys-space-content),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1150 var(--mjj-jrpg-highlight) 0 var(--zenbu-sys-stroke-width-emphasis),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1151 var(--mjj-jrpg-frame) var(--zenbu-sys-stroke-width-emphasis)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1152 calc(var(--zenbu-sys-stroke-width-emphasis) * 2),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1153 transparent calc(var(--zenbu-sys-stroke-width-emphasis) * 2)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1154 ),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1155 radial-gradient(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1156 circle at 50% calc(100% - var(--zenbu-sys-space-content)),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1157 var(--mjj-jrpg-highlight) 0 var(--zenbu-sys-stroke-width-emphasis),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1158 var(--mjj-jrpg-frame) var(--zenbu-sys-stroke-width-emphasis)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1159 calc(var(--zenbu-sys-stroke-width-emphasis) * 2),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1160 transparent calc(var(--zenbu-sys-stroke-width-emphasis) * 2)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1161 ),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1162 linear-gradient(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1163 90deg,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1164 var(--mjj-jrpg-surface-sunken),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1165 var(--mjj-jrpg-surface-raised) 45%,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1166 var(--mjj-jrpg-frame) 50%,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1167 var(--mjj-jrpg-surface-raised) 55%,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1168 var(--mjj-jrpg-surface-sunken)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1169 ),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1170 var(--mjj-jrpg-art);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1171 background-position: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1172 background-size: auto, auto, auto, cover;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1173 box-shadow:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1174 inset 0 0 0 var(--zenbu-sys-stroke-width)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1175 var(--mjj-jrpg-info),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1176 0 0 var(--zenbu-sys-space-related)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1177 color-mix(in srgb, var(--mjj-jrpg-primary) 65%, transparent);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1178 content: "";
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1179 image-rendering: pixelated;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1180 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1181
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1182 .jrpg-tool-window:first-of-type {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1183 grid-column: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1184 grid-row: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1185 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1186
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1187 .jrpg-tool-window:last-of-type {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1188 grid-column: 3;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1189 grid-row: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1190 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1191
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1192 .jrpg-tool-pane {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1193 display: grid;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1194 grid-template-rows: auto minmax(0, 1fr) auto;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1195 align-content: start;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1196 gap: var(--zenbu-sys-space-control);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1197 min-width: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1198 min-height: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1199 padding: var(--zenbu-sys-padding-md);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1200 overflow: auto;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1201 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1202 background: var(--mjj-jrpg-panel);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1203 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1204
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1205 .jrpg-tool-window {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1206 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-primary);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1207 box-shadow:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1208 inset 0 0 0 var(--zenbu-sys-stroke-width)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1209 var(--mjj-jrpg-info),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1210 0 0 0 var(--zenbu-sys-stroke-width-emphasis)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1211 var(--mjj-jrpg-accent),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1212 0 0 var(--zenbu-sys-space-control)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1213 color-mix(in srgb, var(--mjj-jrpg-info) 68%, transparent);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1214 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1215
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1216 .jrpg-tool-pane h2,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1217 .jrpg-tool-pane-heading {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1218 margin: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1219 color: var(--mjj-jrpg-primary);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1220 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1221
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1222 .jrpg-tool-pane h2 {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1223 display: flex;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1224 align-items: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1225 gap: var(--zenbu-sys-space-icon-label);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1226 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1227
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1228 .jrpg-tool-pane h2 zen-icon {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1229 color: var(--mjj-jrpg-highlight);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1230 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1231
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1232 .jrpg-tool-pane-heading {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1233 display: flex;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1234 align-items: baseline;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1235 justify-content: space-between;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1236 gap: var(--zenbu-sys-space-control);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1237 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1238
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1239 .jrpg-tool-pane-heading h2 {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1240 margin: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1241 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1242
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1243 .jrpg-functional-tool zen-field[appearance="plain"] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1244 display: grid;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1245 grid-template-rows: auto minmax(0, 1fr);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1246 gap: var(--zenbu-sys-space-icon-label);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1247 min-height: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1248 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1249
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1250 .jrpg-functional-tool :where(input, textarea) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1251 box-sizing: border-box;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1252 width: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1253 min-height: var(--zenbu-control-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1254 padding:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1255 var(--zenbu-control-padding-block)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1256 var(--zenbu-control-padding-inline);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1257 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1258 border-radius: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1259 background: var(--mjj-jrpg-surface-sunken);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1260 color: var(--mjj-jrpg-text);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1261 font: inherit;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1262 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1263
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1264 .jrpg-functional-tool textarea {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1265 height: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1266 min-height: 22rem;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1267 resize: vertical;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1268 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1269
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1270 .jrpg-functional-tool zen-button > :where(button, a) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1271 width: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1272 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1273 border-radius: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1274 background: var(--mjj-jrpg-primary);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1275 color: var(--mjj-jrpg-primary-foreground);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1276 cursor: pointer;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1277 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1278
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1279 .jrpg-functional-tool zen-button > :where(button, a):hover {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1280 border-color: var(--mjj-jrpg-primary-hover);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1281 background: var(--mjj-jrpg-primary-hover);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1282 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1283
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1284 .jrpg-functional-tool button:disabled {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1285 opacity: var(--zenbu-sys-opacity-disabled);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1286 cursor: not-allowed;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1287 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1288
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1289 .jrpg-tool-actions {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1290 display: flex;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1291 gap: var(--zenbu-sys-space-control);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1292 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1293
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1294 .jrpg-tool-actions zen-button {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1295 flex: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1296 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1297
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1298 .jrpg-tool-status {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1299 margin-top: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1300 padding: var(--zenbu-sys-padding-sm);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1301 border-left: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-info);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1302 background: var(--mjj-jrpg-panel);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1303 color: var(--mjj-jrpg-text);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1304 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1305
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1306 .jrpg-tool-status[data-state="ready"] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1307 border-left-color: var(--mjj-jrpg-success);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1308 color: var(--mjj-jrpg-success);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1309 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1310
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1311 .jrpg-tool-status[data-state="working"] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1312 border-left-color: var(--mjj-jrpg-highlight);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1313 color: var(--mjj-jrpg-highlight);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1314 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1315
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1316 .jrpg-tool-status[data-state="error"] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1317 border-left-color: var(--mjj-jrpg-accent);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1318 color: var(--mjj-jrpg-accent);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1319 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1320
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1321 .jrpg-markdown-output {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1322 min-height: 22rem;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1323 padding: var(--zenbu-sys-padding-md);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1324 overflow: auto;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1325 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1326 background: var(--mjj-jrpg-surface-sunken);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1327 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1328
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1329 .jrpg-markdown-output :where(h1, h2, h3) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1330 color: var(--mjj-jrpg-primary);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1331 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1332
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1333 .jrpg-markdown-output code {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1334 color: var(--mjj-jrpg-success);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1335 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1336
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1337 .jrpg-functional-tool :where(video, iframe) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1338 width: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1339 min-height: 22rem;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1340 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1341 background: var(--mjj-jrpg-canvas);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1342 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1343
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1344 .jrpg-tool-details {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1345 display: grid;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1346 grid-template-columns: repeat(2, minmax(0, 1fr));
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1347 gap: var(--zenbu-sys-space-control);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1348 margin: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1349 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1350
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1351 .jrpg-tool-details div {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1352 padding: var(--zenbu-sys-padding-sm);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1353 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1354 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1355
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1356 .jrpg-tool-details dd {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1357 margin: var(--zenbu-sys-space-icon-label) 0 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1358 color: var(--mjj-jrpg-success);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1359 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1360
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1361 .jrpg-functional-tool [data-converter-download] {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1362 color: var(--mjj-jrpg-primary);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1363 text-decoration-color: var(--mjj-jrpg-accent);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1364 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1365
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1366 mjj-composer {
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1367 grid-area: composer;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1368 display: block;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1369 min-height: 0;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1370 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1371 background: var(--mjj-jrpg-surface);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1372 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1373
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1374 .jrpg-composer textarea::placeholder {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1375 color: var(--mjj-jrpg-text-muted);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1376 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1377
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1378 .jrpg-page :where(a, button, textarea):focus-visible {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1379 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	1380 outline-offset: var(--zenbu-sys-focus-offset);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1381 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1382
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1383 mjj-jrpg-menu {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1384 grid-area: menu;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1385 display: block;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1386 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1387 background: var(--mjj-jrpg-surface-sunken);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1388 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1389
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1390 mjj-jrpg-menu nav {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1391 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1392 grid-template-columns: auto 1fr;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1393 align-items: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1394 gap: var(--zenbu-sys-space-group);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1395 height: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1396 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1397
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1398 .jrpg-menu-label {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1399 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1400 writing-mode: vertical-rl;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1401 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1402
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1403 mjj-jrpg-menu ul {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1404 display: grid;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1405 grid-template-columns: repeat(2, minmax(0, 1fr));
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1406 gap: var(--zenbu-sys-space-control);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1407 margin: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1408 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1409 list-style: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1410 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1411
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1412 mjj-jrpg-menu zen-button,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1413 mjj-jrpg-menu button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1414 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1415 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1416
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1417 mjj-jrpg-menu button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1418 justify-content: start;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1419 border: var(--zenbu-sys-stroke-width) solid transparent;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1420 border-radius: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1421 background: transparent;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1422 color: var(--mjj-jrpg-text);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1423 cursor: pointer;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1424 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1425
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1426 mjj-jrpg-menu button:hover {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1427 border-color: var(--mjj-jrpg-accent);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1428 color: var(--mjj-jrpg-primary-hover);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1429 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1430
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1431 mjj-jrpg-menu button[aria-pressed="true"] {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1432 border-color: var(--mjj-jrpg-frame);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1433 background: var(--mjj-jrpg-surface-raised);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1434 color: var(--mjj-jrpg-primary);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1435 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1436
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1437 mjj-jrpg-menu button zen-icon {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1438 opacity: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1439 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1440
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1441 mjj-jrpg-menu button[aria-pressed="true"] zen-icon {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1442 opacity: 1;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1443 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1444
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1445 .jrpg-workspace > :is(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1446 .jrpg-scene,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1447 .jrpg-utility,
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1448 mjj-composer,
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1449 mjj-jrpg-menu
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1450 ),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1451 .jrpg-scene > mjj-jrpg-chat,
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1452 .jrpg-utility > mjj-jrpg-preview > .jrpg-preview-panel {
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1453 border: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1454 background-color: transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1455 box-shadow: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1456 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1457
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1458 .jrpg-workspace > .jrpg-scene {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1459 background-image: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1460 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1461
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1462 .jrpg-workspace > mjj-composer,
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1463 .jrpg-workspace > mjj-jrpg-menu {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1464 padding: var(--zenbu-sys-padding-sm);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1465 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1466
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1467 .jrpg-workspace > mjj-composer textarea {
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1468 min-height: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1469 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1470
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1471 .jrpg-scene .jrpg-message,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1472 .jrpg-scene .jrpg-turn-navigation,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1473 .jrpg-brand,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1474 .jrpg-work-showcase a,
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1475 .jrpg-preview-content > .jrpg-preview-dialog > zen-button > button,
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1476 mjj-jrpg-menu nav button {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1477 border: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1478 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1479
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1480 @media
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1481 (max-width: 52rem),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1482 (max-height: 40rem),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1483 (min-aspect-ratio: 2 / 1) {
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1484 .jrpg-page {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1485 overflow-y: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1486 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1487
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1488 .jrpg-main {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1489 height: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1490 min-height: 100dvh;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1491 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1492 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1493
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1494 .jrpg-shell {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1495 height: auto;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1496 min-height: 100dvh;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1497 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1498
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1499 .jrpg-workspace {
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1500 display: grid;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1501 grid-template:
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1502 "brand" auto
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1503 "scene" auto
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1504 "utility" auto
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1505 "menu" auto
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1506 "composer" auto
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1507 "telemetry" auto /
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1508 minmax(0, 1fr);
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1509 gap: var(--zenbu-sys-space-group);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1510 width: 100%;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1511 max-height: none;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1512 height: auto;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1513 aspect-ratio: auto;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1514 min-height: 0;
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1515 background-size: cover;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1516 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1517
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1518 .jrpg-workspace > .jrpg-scene,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1519 .jrpg-workspace > .jrpg-utility,
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1520 .jrpg-workspace > mjj-composer,
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1521 .jrpg-workspace > mjj-jrpg-menu,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1522 .jrpg-workspace > .jrpg-brand,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1523 .jrpg-workspace > .jrpg-frame-controls,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1524 .jrpg-workspace > .jrpg-frame-telemetry {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1525 position: relative;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1526 inset: auto;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1527 width: auto;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1528 height: auto;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1529 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1530
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1531 .jrpg-workspace > .jrpg-brand {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1532 grid-area: brand;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1533 justify-self: start;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1534 padding: var(--zenbu-sys-padding-sm);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1535 background: transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1536 box-shadow: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1537 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1538
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1539 .jrpg-workspace > .jrpg-frame-controls {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1540 grid-area: brand;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1541 justify-self: end;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1542 align-self: center;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1543 display: flex;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1544 gap: var(--zenbu-sys-space-icon-label);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1545 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1546
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1547 .jrpg-frame-controls zen-button,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1548 .jrpg-frame-controls :where(button, a) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1549 width: var(--zenbu-control-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1550 height: var(--zenbu-control-height);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1551 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1552
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1553 .jrpg-frame-controls :where(button, a) {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1554 background: var(--mjj-jrpg-surface-raised);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1555 color: var(--mjj-jrpg-text);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1556 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1557
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1558 .jrpg-frame-controls zen-icon {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1559 opacity: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1560 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1561
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1562 .jrpg-workspace > .jrpg-frame-telemetry {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1563 grid-area: telemetry;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1564 display: grid;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1565 grid-template-columns: repeat(2, minmax(0, 1fr));
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1566 gap: var(--zenbu-sys-space-control);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1567 padding: var(--zenbu-sys-padding-sm);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1568 background: var(--mjj-jrpg-surface-sunken);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1569 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1570
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1571 .jrpg-frame-telemetry > * {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1572 position: static;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1573 justify-self: start;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1574 background: transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1575 transform: none;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1576 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1577
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1578 .jrpg-scene {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1579 min-height: 34rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1580 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1581
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1582 .jrpg-utility {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1583 min-height: 27rem;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1584 overflow: hidden;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1585 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1586
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1587 mjj-jrpg-menu nav {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1588 grid-template-columns: 1fr;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1589 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1590
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1591 .jrpg-menu-label {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1592 writing-mode: initial;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1593 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1594
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1595 mjj-jrpg-menu ul {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1596 grid-template-columns: repeat(2, minmax(0, 1fr));
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1597 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1598 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1599
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1600 @media (max-width: 34rem) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1601 .jrpg-main {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1602 padding: 0;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1603 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1604
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1605 .jrpg-scene {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1606 grid-template-columns: 1fr;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1607 grid-template-rows: minmax(12rem, 0.6fr) minmax(20rem, 1fr);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1608 min-height: 42rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1609 padding: var(--zenbu-sys-padding-md);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1610 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1611
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1612 mjj-jrpg-character {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1613 justify-self: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1614 width: min(15rem, 65%);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1615 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1616
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1617 mjj-jrpg-character img {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1618 max-height: 15rem;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1619 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1620
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1621 .jrpg-brand {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1622 align-items: center;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1623 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1624
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1625 .jrpg-composer {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1626 grid-template-columns: 1fr;
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1627 grid-template-rows:
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1628 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	1629 auto
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1630 auto;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1631 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1632
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1633 .jrpg-composer-actions {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1634 grid-column: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1635 grid-row: 2;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1636 flex-direction: row;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1637 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1638
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1639 .jrpg-composer-hint {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1640 grid-row: 3;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1641 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1642
261 b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1643 .jrpg-composer-actions zen-button {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1644 flex: 1;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1645 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1646
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1647 .jrpg-work-showcase,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1648 .jrpg-dialog-actions {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1649 grid-template-columns: 1fr;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1650 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1651
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1652 .jrpg-resume-dossier .flex-box {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1653 display: grid;
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1654 }
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1655
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1656 .jrpg-resume-dossier .entry-location-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1657 .jrpg-resume-dossier .entry-date-style,
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1658 .jrpg-resume-dossier .skill-type-style {
b401627fc49e Add JRPG mock flows and interactive previews MrJuneJune <mrjunejune@users.noreply.github.com> parents: 260 diff changeset	1659 text-align: left;
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1660 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1661
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1662 .jrpg-composer zen-button > button {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1663 width: 100%;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1664 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1665
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1666 :is(.jrpg-blog-browser, .jrpg-tool-browser) {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1667 grid-template-columns: 1fr;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1668 overflow: auto;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1669 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1670
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1671 :is(.jrpg-blog-browser, .jrpg-tool-browser) > aside {
262 0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1672 max-height: 16rem;
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1673 }
0f45474c1b1a Add cyberpunk JRPG blog browser MrJuneJune <mrjunejune@users.noreply.github.com> parents: 261 diff changeset	1674
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1675 .jrpg-tool-panes {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1676 grid-template-columns: 1fr;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1677 grid-template-rows:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1678 minmax(24rem, auto)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1679 calc(var(--zenbu-sys-space-container) * 2)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1680 minmax(24rem, auto);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1681 overflow: auto;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1682 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1683
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1684 .jrpg-tool-panes::before {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1685 grid-column: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1686 grid-row: 2;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1687 background-image:
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1688 radial-gradient(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1689 circle at var(--zenbu-sys-space-content) 50%,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1690 var(--mjj-jrpg-highlight) 0 var(--zenbu-sys-stroke-width-emphasis),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1691 var(--mjj-jrpg-frame) var(--zenbu-sys-stroke-width-emphasis)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1692 calc(var(--zenbu-sys-stroke-width-emphasis) * 2),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1693 transparent calc(var(--zenbu-sys-stroke-width-emphasis) * 2)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1694 ),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1695 radial-gradient(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1696 circle at calc(100% - var(--zenbu-sys-space-content)) 50%,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1697 var(--mjj-jrpg-highlight) 0 var(--zenbu-sys-stroke-width-emphasis),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1698 var(--mjj-jrpg-frame) var(--zenbu-sys-stroke-width-emphasis)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1699 calc(var(--zenbu-sys-stroke-width-emphasis) * 2),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1700 transparent calc(var(--zenbu-sys-stroke-width-emphasis) * 2)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1701 ),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1702 linear-gradient(
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1703 var(--mjj-jrpg-surface-sunken),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1704 var(--mjj-jrpg-surface-raised) 45%,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1705 var(--mjj-jrpg-frame) 50%,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1706 var(--mjj-jrpg-surface-raised) 55%,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1707 var(--mjj-jrpg-surface-sunken)
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1708 ),
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1709 var(--mjj-jrpg-art);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1710 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1711
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1712 .jrpg-tool-window:first-of-type {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1713 grid-column: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1714 grid-row: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1715 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1716
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1717 .jrpg-tool-window:last-of-type {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1718 grid-column: 1;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1719 grid-row: 3;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1720 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1721
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1722 .jrpg-tool-pane {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1723 min-height: 24rem;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1724 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1725
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1726 mjj-jrpg-menu ul {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1727 grid-template-columns: repeat(2, minmax(0, 1fr));
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1728 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1729
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1730 .jrpg-preview-dialog dialog {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1731 width: calc(100% - var(--zenbu-sys-space-group));
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1732 max-width: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1733 padding: var(--zenbu-sys-padding-lg);
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1734 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1735 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1736
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1737 @media (prefers-reduced-motion: reduce) {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1738 mjj-jrpg-character img,
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1739 .jrpg-preview-dialog dialog[open] {
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1740 animation: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1741 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1742 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	1743
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1744 .jrpg-page,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1745 .jrpg-page * {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1746 scrollbar-color: var(--mjj-jrpg-primary) transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1747 scrollbar-width: thin;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1748 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1749
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1750 .jrpg-page::-webkit-scrollbar,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1751 .jrpg-page *::-webkit-scrollbar {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1752 width: var(--zenbu-sys-space-related);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1753 height: var(--zenbu-sys-space-related);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1754 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1755
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1756 .jrpg-page::-webkit-scrollbar-track,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1757 .jrpg-page *::-webkit-scrollbar-track {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1758 background: transparent;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1759 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1760
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1761 .jrpg-page::-webkit-scrollbar-thumb,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1762 .jrpg-page *::-webkit-scrollbar-thumb {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1763 border: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1764 border-radius: 0;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1765 background: var(--mjj-jrpg-primary);
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1766 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1767
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1768 .jrpg-page::-webkit-scrollbar-button,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1769 .jrpg-page *::-webkit-scrollbar-button {
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1770 display: none;
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1771 }
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	1772
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1773 /* ================================================================
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1774 Archive component — placed in utility panel (top-right)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1775 ================================================================ */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1776
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1777 mjj-jrpg-chat {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1778 grid-column: 2;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1779 grid-row: 1;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1780 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1781
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1782 mjj-conversation-archive {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1783 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1784 grid-template-rows: auto auto minmax(0, 1fr) auto auto;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1785 align-self: stretch;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1786 min-height: 0;
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1787 padding: 0;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1788 overflow: hidden;
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1789 background: transparent;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	1790 box-shadow: none;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1791 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1792
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1793 mjj-conversation-archive[hidden] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1794 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1795 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1796
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1797 .jrpg-archive-heading {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1798 display: flex;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1799 align-items: baseline;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1800 justify-content: space-between;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1801 gap: var(--zenbu-sys-space-group);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1802 padding-bottom: var(--zenbu-sys-padding-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1803 border-bottom: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1804 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1805
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1806 .jrpg-archive-heading h2 {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1807 margin: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1808 color: var(--mjj-jrpg-text);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1809 font-size: var(--zenbu-sys-font-size-lg);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1810 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1811
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1812 .jrpg-archive-heading zen-button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1813 flex-shrink: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1814 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1815
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1816 .jrpg-archive-heading zen-button > button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1817 border: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1818 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1819 background: transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1820 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1821 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1822 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1823
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1824 .jrpg-archive-actions {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1825 display: flex;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1826 gap: var(--zenbu-sys-space-control);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1827 padding-block: var(--zenbu-sys-padding-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1828 border-bottom: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1829 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1830
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1831 .jrpg-archive-actions zen-button,
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1832 .jrpg-archive-actions button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1833 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1834 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1835
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1836 .jrpg-archive-actions button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1837 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1838 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1839 background: var(--mjj-jrpg-panel);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1840 color: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1841 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1842 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1843
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1844 .jrpg-archive-actions button:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1845 border-color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1846 background: var(--mjj-jrpg-surface-raised);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1847 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1848
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1849 .jrpg-archive-list {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1850 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1851 align-content: start;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1852 gap: var(--zenbu-sys-space-icon-label);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1853 min-height: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1854 margin: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1855 padding: var(--zenbu-sys-padding-sm) 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1856 overflow-y: auto;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1857 list-style: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1858 scrollbar-color: var(--mjj-jrpg-frame) transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1859 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1860
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1861 .jrpg-archive-list [data-conv-item] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1862 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1863 grid-template-columns: minmax(0, 1fr) auto;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1864 align-items: center;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1865 gap: var(--zenbu-sys-space-icon-label);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1866 padding: var(--zenbu-sys-padding-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1867 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1868 background: var(--mjj-jrpg-panel);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1869 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1870
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1871 .jrpg-archive-list [data-conv-open] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1872 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1873 gap: 0.1em;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1874 min-width: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1875 border: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1876 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1877 background: transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1878 color: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1879 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1880 text-align: left;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1881 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1882
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1883 .jrpg-archive-list [data-conv-open][aria-current="true"] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1884 color: var(--mjj-jrpg-highlight);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1885 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1886
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1887 .jrpg-archive-list [data-conv-item]:has([data-conv-open][aria-current="true"]) {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1888 border-color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1889 background: var(--mjj-jrpg-surface-raised);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1890 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1891
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1892 .jrpg-archive-list [data-conv-item]:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1893 border-color: var(--mjj-jrpg-frame);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1894 background: var(--mjj-jrpg-surface-raised);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1895 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1896
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1897 .jrpg-archive-list [data-conv-title] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1898 overflow: hidden;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1899 white-space: nowrap;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1900 text-overflow: ellipsis;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1901 font-size: var(--zenbu-sys-font-size-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1902 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1903
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1904 .jrpg-archive-list [data-conv-meta] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1905 overflow: hidden;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1906 white-space: nowrap;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1907 text-overflow: ellipsis;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1908 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1909 font-size: var(--zenbu-sys-font-size-xs);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1910 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1911
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1912 .jrpg-archive-item-actions {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1913 display: flex;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1914 gap: var(--zenbu-sys-space-icon-label);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1915 flex-shrink: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1916 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1917
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1918 .jrpg-archive-item-actions button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1919 border: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1920 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1921 background: transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1922 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1923 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1924 font-size: var(--zenbu-sys-font-size-xs);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1925 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1926
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1927 .jrpg-archive-item-actions button:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1928 color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1929 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1930
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1931 [data-archive-load-more-owner] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1932 padding-block: var(--zenbu-sys-padding-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1933 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1934
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1935 [data-archive-load-more-owner][hidden] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1936 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1937 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1938
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1939 [data-archive-load-more-owner] > button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1940 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1941 border: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1942 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1943 background: var(--mjj-jrpg-panel);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1944 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1945 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1946 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1947
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1948 [data-archive-load-more-owner] > button:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1949 border-color: var(--mjj-jrpg-frame);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1950 color: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1951 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1952
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1953 .jrpg-archive-status {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1954 margin: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1955 padding: var(--zenbu-sys-padding-sm) 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1956 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1957 font-size: var(--zenbu-sys-font-size-xs);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1958 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1959
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1960 .jrpg-archive-status[hidden] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1961 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1962 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1963
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1964 .jrpg-archive-status[data-state="error"] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1965 color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1966 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1967
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1968 .jrpg-archive-status button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1969 border: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1970 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1971 background: transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1972 color: var(--mjj-jrpg-info);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1973 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1974 font-size: inherit;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1975 text-decoration: underline;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1976 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1977
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1978 /* Archive dialogs */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1979
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1980 .jrpg-archive-dialog {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1981 box-sizing: border-box;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1982 min-width: min(22rem, calc(100vw - var(--zenbu-sys-space-content)));
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1983 max-width: min(26rem, calc(100vw - var(--zenbu-sys-space-content)));
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1984 padding: var(--zenbu-sys-padding-lg);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1985 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1986 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1987 background: var(--mjj-jrpg-surface-raised);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1988 color: var(--mjj-jrpg-text);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1989 box-shadow:
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1990 inset 0 0 0 var(--zenbu-sys-stroke-width) var(--mjj-jrpg-accent),
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1991 var(--zenbu-sys-space-control) var(--zenbu-sys-space-control) 0 var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1992 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1993
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1994 .jrpg-archive-dialog::backdrop {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1995 background: color-mix(in srgb, var(--mjj-jrpg-canvas) 84%, transparent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1996 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1997
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1998 .jrpg-archive-dialog[open] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	1999 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2000 grid-template-rows: auto auto auto;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2001 gap: var(--zenbu-sys-space-group);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2002 animation: mjj-jrpg-dialog-open var(--zenbu-sys-motion-duration-layout)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2003 var(--zenbu-sys-motion-ease-enter);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2004 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2005
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2006 .jrpg-archive-dialog-title {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2007 margin: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2008 color: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2009 font-size: var(--zenbu-sys-font-size-md);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2010 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2011
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2012 .jrpg-archive-dialog-subtitle {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2013 margin: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2014 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2015 font-size: var(--zenbu-sys-font-size-xs);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2016 overflow: hidden;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2017 white-space: nowrap;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2018 text-overflow: ellipsis;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2019 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2020
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2021 .jrpg-archive-dialog-actions {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2022 display: flex;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2023 justify-content: flex-end;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2024 gap: var(--zenbu-sys-space-control);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2025 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2026
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2027 .jrpg-archive-dialog zen-button > button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2028 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2029 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2030 background: var(--mjj-jrpg-surface);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2031 color: var(--mjj-jrpg-text);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2032 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2033 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2034
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2035 .jrpg-archive-dialog zen-button > button:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2036 border-color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2037 background: var(--mjj-jrpg-surface-raised);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2038 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2039
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2040 .jrpg-archive-dialog zen-field[appearance="plain"] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2041 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2042 gap: var(--zenbu-sys-space-icon-label);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2043 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2044
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2045 .jrpg-archive-dialog input {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2046 box-sizing: border-box;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2047 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2048 min-height: var(--zenbu-control-height);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2049 padding:
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2050 var(--zenbu-control-padding-block)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2051 var(--zenbu-control-padding-inline);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2052 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2053 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2054 background: var(--mjj-jrpg-surface-sunken);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2055 color: var(--mjj-jrpg-text);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2056 font: inherit;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2057 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2058
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2059 /* Account slot — telemetry child 2 */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2060
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2061 [data-frame-account] a,
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2062 [data-frame-account] button,
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2063 [data-frame-account] span[data-account-user] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2064 color: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2065 font-size: inherit;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2066 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2067
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2068 [data-frame-account] a {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2069 text-decoration: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2070 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2071
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2072 [data-frame-account] a:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2073 text-decoration: underline;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2074 text-decoration-color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2075 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2076
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2077 [data-frame-account] button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2078 border: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2079 background: transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2080 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2081 padding: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2082 font: inherit;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2083 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2084
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2085 [data-frame-account] button:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2086 color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2087 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2088
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2089 /* Quota display in composer */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2090
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2091 .jrpg-composer-quota {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2092 grid-column: 1 / -1;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2093 margin: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2094 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2095 font-size: var(--zenbu-sys-font-size-xs);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2096 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2097
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2098 .jrpg-composer-quota[data-state="warning"] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2099 color: var(--mjj-jrpg-highlight);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2100 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2101
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2102 .jrpg-composer-quota[data-state="exhausted"] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2103 color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2104 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2105
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2106 .jrpg-composer-quota[hidden] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2107 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2108 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2109
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2110 /* Archive + chat grid in mobile single-column layout */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2111
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2112 @media (max-width: 34rem) {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2113 mjj-jrpg-chat,
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2114 mjj-conversation-archive {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2115 grid-column: 1;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2116 grid-row: 2;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2117 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2118 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2119
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2120
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	2121 @media (forced-colors: active) {
263 ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	2122 .jrpg-workspace,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	2123 .jrpg-scene,
ee04e4e69fed Add functional JRPG frame and tools MrJuneJune <mrjunejune@users.noreply.github.com> parents: 262 diff changeset	2124 .jrpg-scene::before {
259 667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	2125 background-image: none;
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	2126 }
667156fcd3e3 Add dev-only cyberpunk JRPG page MrJuneJune <me@mrjunejune.com> parents: diff changeset	2127 }
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2128
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2129 /* ================================================================
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2130 Mobile hamburger button — hidden on desktop, used in portrait
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2131 ================================================================ */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2132
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2133 .jrpg-mobile-menu-btn {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2134 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2135 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2136
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2137 .jrpg-mobile-destination-owner {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2138 display: contents;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2139 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2140
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2141 .jrpg-page zen-button[hidden] {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2142 display: none;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2143 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2144
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2145 /* ================================================================
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2146 Mobile portrait frame layout (≤52rem + portrait)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2147 Overrides the generic stacked grid from the 52rem breakpoint.
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2148 All geometry custom properties are centralised in .jrpg-shell.
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2149 ================================================================ */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2150
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2151 @media (max-width: 52rem) and (orientation: portrait) {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2152 .jrpg-shell {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2153 /* ── Aperture geometry: (inline=left%, block=top%, width%, height%) ── */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2154
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2155 /* Main conversation */
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2156 --mjj-mobile-scene-inline: 4.8%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2157 --mjj-mobile-scene-block: 7.3%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2158 --mjj-mobile-scene-width: 90.4%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2159 --mjj-mobile-scene-height: 71.2%;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2160
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2161 /* Composer */
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2162 --mjj-mobile-composer-inline: 4.8%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2163 --mjj-mobile-composer-block: 79.6%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2164 --mjj-mobile-composer-width: 90.4%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2165 --mjj-mobile-composer-height: 17.7%;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2166
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2167 /* Baked hamburger overlay */
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2168 --mjj-mobile-hamburger-inline: 87.2%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2169 --mjj-mobile-hamburger-block: 1.3%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2170 --mjj-mobile-hamburger-width: 9.4%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2171 --mjj-mobile-hamburger-height: 5.3%;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2172
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2173 height: 100dvh;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2174 min-height: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2175 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2176
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2177 .jrpg-page {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2178 overflow: hidden;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2179 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2180
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2181 .jrpg-main {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2182 height: 100dvh;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2183 min-height: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2184 padding: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2185 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2186
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2187 /* Workspace: switch from stacked grid back to absolute-positioned frame */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2188 .jrpg-workspace {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2189 display: block;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2190 position: relative;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2191 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2192 height: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2193 min-height: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2194 overflow: hidden;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2195 background-image: url("/public/jrpg/background-frame-mobile.webp");
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2196 background-position: top left;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2197 background-size: 100% 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2198 background-repeat: no-repeat;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2199 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2200
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2201 /* Desktop window controls are irrelevant on mobile portrait */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2202 .jrpg-workspace > .jrpg-frame-controls {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2203 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2204 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2205
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2206 /* Restore absolute positioning for the two frame apertures */
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2207 .jrpg-workspace > .jrpg-scene,
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2208 .jrpg-workspace > mjj-composer {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2209 position: absolute;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2210 width: auto;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2211 height: auto;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2212 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2213
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2214 /* Scene aperture */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2215 .jrpg-workspace > .jrpg-scene {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2216 inset:
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2217 var(--mjj-mobile-scene-block)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2218 auto
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2219 auto
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2220 var(--mjj-mobile-scene-inline);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2221 width: var(--mjj-mobile-scene-width);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2222 height: var(--mjj-mobile-scene-height);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2223 min-height: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2224 font-size: clamp(
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2225 var(--zenbu-sys-font-size-xs),
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2226 2.8vw,
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2227 var(--zenbu-sys-font-size-sm)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2228 );
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2229 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2230
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2231 /* Composer aperture */
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2232 .jrpg-workspace > mjj-composer {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2233 inset:
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2234 var(--mjj-mobile-composer-block)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2235 auto
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2236 auto
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2237 var(--mjj-mobile-composer-inline);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2238 width: var(--mjj-mobile-composer-width);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2239 height: var(--mjj-mobile-composer-height);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2240 font-size: clamp(
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2241 var(--zenbu-sys-font-size-xs),
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2242 2.8vw,
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2243 var(--zenbu-sys-font-size-sm)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2244 );
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2245 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2246
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2247 .jrpg-workspace > :is(.jrpg-utility, mjj-jrpg-menu) {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2248 display: none;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2249 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2250
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2251 .jrpg-workspace > .jrpg-brand {
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2252 position: absolute;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2253 z-index: 4;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2254 inset: 1.3% auto auto 50%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2255 display: grid;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2256 place-items: center;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2257 width: max-content;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2258 max-width: 68%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2259 height: 5.3%;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2260 padding: 0;
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2261 border: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2262 background: transparent;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2263 box-shadow: none;
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2264 text-align: center;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2265 transform: translateX(-50%);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2266 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2267
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2268 body.jrpg-page .jrpg-brand header {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2269 width: 100%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2270 text-align: center;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2271 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2272
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2273 body.jrpg-page .jrpg-brand header h1 {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2274 font-size: var(--zenbu-sys-font-size-sm);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2275 text-shadow: none;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2276 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2277
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2278 /* Hamburger button: transparent overlay over baked art */
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2279 .jrpg-mobile-destination-owner > .jrpg-mobile-menu-btn {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2280 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2281 place-items: center;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2282 position: absolute;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2283 z-index: 5;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2284 inset:
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2285 var(--mjj-mobile-hamburger-block)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2286 auto
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2287 auto
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2288 var(--mjj-mobile-hamburger-inline);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2289 width: var(--mjj-mobile-hamburger-width);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2290 height: var(--mjj-mobile-hamburger-height);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2291 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2292
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2293 .jrpg-mobile-menu-btn > button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2294 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2295 height: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2296 padding: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2297 border: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2298 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2299 background: transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2300 color: transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2301 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2302 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2303
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2304 .jrpg-mobile-menu-btn zen-icon {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2305 opacity: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2306 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2307
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2308 .jrpg-mobile-menu-btn > button:focus-visible {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2309 outline-color: var(--mjj-jrpg-focus);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2310 outline-style: solid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2311 outline-width: 2px;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2312 outline-offset: 2px;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2313 color: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2314 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2315
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2316 .jrpg-mobile-menu-btn > button:focus-visible zen-icon {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2317 opacity: 0.5;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2318 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2319
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2320 .jrpg-workspace > .jrpg-frame-telemetry {
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2321 display: none;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2322 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2323
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2324 .jrpg-mobile-destination-dialog {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2325 box-sizing: border-box;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2326 width: calc(100% - var(--zenbu-sys-space-content));
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2327 max-width: 42rem;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2328 height: min(88dvh, 48rem);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2329 max-height: calc(100dvh - var(--zenbu-sys-space-content));
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2330 margin: auto;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2331 padding: var(--zenbu-sys-padding-md);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2332 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2333 border-radius: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2334 background: var(--mjj-jrpg-surface);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2335 color: var(--mjj-jrpg-text);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2336 box-shadow:
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2337 inset 0 0 0 var(--zenbu-sys-stroke-width) var(--mjj-jrpg-accent),
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2338 var(--zenbu-sys-space-control) var(--zenbu-sys-space-control) 0
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2339 var(--mjj-jrpg-accent);
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2340 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2341
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2342 .jrpg-mobile-destination-dialog[open] {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2343 display: grid;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2344 grid-template-rows: auto minmax(0, 1fr);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2345 gap: var(--zenbu-sys-space-group);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2346 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2347
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2348 .jrpg-mobile-destination-dialog::backdrop {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2349 background: color-mix(in srgb, var(--mjj-jrpg-canvas) 82%, transparent);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2350 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2351
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2352 .jrpg-mobile-destination-header {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2353 display: grid;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2354 grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2355 align-items: center;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2356 gap: var(--zenbu-sys-space-control);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2357 padding-bottom: var(--zenbu-sys-padding-sm);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2358 border-bottom: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2359 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2360
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2361 .jrpg-mobile-destination-header h2 {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2362 margin: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2363 color: var(--mjj-jrpg-primary);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2364 font-size: var(--zenbu-sys-font-size-lg);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2365 text-align: center;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2366 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2367
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2368 .jrpg-mobile-destination-header zen-button:first-child {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2369 justify-self: start;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2370 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2371
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2372 .jrpg-mobile-destination-header zen-button:last-child {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2373 justify-self: end;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2374 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2375
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2376 .jrpg-mobile-destination-header button {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2377 border: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2378 border-radius: 0;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2379 background: transparent;
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2380 color: var(--mjj-jrpg-text);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2381 cursor: pointer;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2382 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2383
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2384 .jrpg-mobile-destination-content {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2385 min-width: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2386 min-height: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2387 overflow: hidden;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2388 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2389
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2390 .jrpg-mobile-destination-content > :is(mjj-jrpg-menu, .jrpg-utility) {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2391 box-sizing: border-box;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2392 position: static;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2393 width: 100%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2394 height: 100%;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2395 min-width: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2396 min-height: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2397 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2398
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2399 .jrpg-mobile-destination-content > [hidden],
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2400 [data-mobile-destination-back-owner][hidden] {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2401 display: none;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2402 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2403
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2404 .jrpg-mobile-destination-content > mjj-jrpg-menu {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2405 display: block;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2406 padding: var(--zenbu-sys-padding-md);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2407 overflow-y: auto;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2408 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2409
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2410 .jrpg-mobile-destination-content > .jrpg-utility {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2411 display: grid;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2412 padding: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2413 border: 0;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2414 overflow: hidden;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2415 background: transparent;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2416 box-shadow: none;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2417 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2418
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2419 .jrpg-mobile-destination-content .jrpg-archive-heading {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2420 display: none;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2421 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2422
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2423 /* Compact scene internals for mobile aperture */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2424 .jrpg-scene {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2425 grid-template-columns: minmax(0, 1fr);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2426 grid-template-rows: minmax(0, 1fr);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2427 align-items: stretch;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2428 gap: var(--zenbu-sys-space-icon-label);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2429 padding: var(--zenbu-sys-padding-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2430 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2431
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2432 .jrpg-scene > mjj-jrpg-character {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2433 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2434 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2435
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2436 .jrpg-scene::before {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2437 display: none;
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2438 }
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2439
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2440 mjj-jrpg-chat {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2441 grid-column: 1;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2442 grid-row: 1;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2443 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2444 height: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2445 max-height: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2446 overflow: hidden;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2447 padding: var(--zenbu-sys-padding-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2448 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2449
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2450 .jrpg-preview-panel > mjj-conversation-archive {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2451 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2452 height: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2453 max-height: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2454 overflow: auto;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2455 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2456
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2457 /* Composer: compact single-row within aperture */
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2458 .jrpg-workspace > mjj-composer {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2459 padding: var(--zenbu-sys-space-icon-label);
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2460 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2461
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2462 .jrpg-composer-hint {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2463 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2464 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2465
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2466 mjj-jrpg-menu nav {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2467 height: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2468 grid-template-columns: 1fr;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2469 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2470
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2471 mjj-jrpg-menu .jrpg-menu-label {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2472 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2473 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2474
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2475 mjj-jrpg-menu ul {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2476 grid-template-columns: minmax(0, 1fr);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2477 gap: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2478 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2479
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2480 mjj-jrpg-menu button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2481 min-height: var(--zenbu-control-height);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2482 padding-block: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2483 padding-inline: var(--zenbu-control-padding-inline);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2484 font-size: var(--zenbu-sys-font-size-xs);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2485 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2486
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2487 /* Preview panel compact for narrow utility aperture */
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2488 .jrpg-preview-panel {
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2489 padding: var(--zenbu-sys-padding-sm);
41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2490 overflow-y: auto;
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2491 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2492
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2493 .jrpg-preview-content {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2494 gap: var(--zenbu-sys-space-icon-label);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2495 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2496
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2497 .jrpg-preview-panel h2 {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2498 font-size: var(--zenbu-sys-font-size-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2499 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2500
272 41a49c29a28f polish JRPG conversation experience MrJuneJune <me@mrjunejune.com> parents: 264 diff changeset	2501 .jrpg-preview-content > p {
264 04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2502 font-size: var(--zenbu-sys-font-size-xs);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2503 display: -webkit-box;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2504 -webkit-line-clamp: 2;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2505 -webkit-box-orient: vertical;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2506 overflow: hidden;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2507 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2508
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2509 .jrpg-work-showcase {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2510 grid-template-columns: repeat(2, minmax(0, 1fr));
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2511 gap: var(--zenbu-sys-space-icon-label);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2512 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2513
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2514 .jrpg-work-showcase a {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2515 padding: var(--zenbu-sys-padding-xs, var(--zenbu-sys-padding-sm));
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2516 font-size: var(--zenbu-sys-font-size-xs);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2517 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2518
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2519 /* Archive fits within scene aperture */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2520 mjj-conversation-archive {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2521 padding: var(--zenbu-sys-padding-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2522 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2523
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2524 /* Scrollable message viewport fills aperture */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2525 zen-message-scroller > .jrpg-message-viewport {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2526 scrollbar-width: thin;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2527 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2528 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2529
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2530 /* ================================================================
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2531 Login modal dialog
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2532 ================================================================ */
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2533
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2534 .jrpg-login-dialog-owner {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2535 display: contents;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2536 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2537
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2538 .jrpg-login-dialog {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2539 box-sizing: border-box;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2540 width: min(24rem, calc(100vw - var(--zenbu-sys-space-content)));
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2541 padding: var(--zenbu-sys-padding-xl);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2542 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2543 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2544 background: var(--mjj-jrpg-surface-raised);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2545 color: var(--mjj-jrpg-text);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2546 box-shadow:
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2547 inset 0 0 0 var(--zenbu-sys-stroke-width) var(--mjj-jrpg-accent),
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2548 var(--zenbu-sys-space-control) var(--zenbu-sys-space-control) 0
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2549 var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2550 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2551
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2552 .jrpg-login-dialog::backdrop {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2553 background: color-mix(in srgb, var(--mjj-jrpg-canvas) 84%, transparent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2554 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2555
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2556 .jrpg-login-dialog[open] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2557 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2558 grid-template-rows: auto auto minmax(0, 1fr);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2559 gap: var(--zenbu-sys-space-group);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2560 animation: mjj-jrpg-dialog-open var(--zenbu-sys-motion-duration-layout)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2561 var(--zenbu-sys-motion-ease-enter);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2562 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2563
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2564 .jrpg-login-dialog-header {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2565 display: flex;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2566 align-items: center;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2567 justify-content: space-between;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2568 gap: var(--zenbu-sys-space-group);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2569 padding-bottom: var(--zenbu-sys-padding-md);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2570 border-bottom: var(--zenbu-sys-stroke-width) solid var(--mjj-jrpg-frame-soft);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2571 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2572
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2573 .jrpg-login-dialog-header h2 {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2574 margin: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2575 color: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2576 font-size: var(--zenbu-sys-font-size-lg);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2577 letter-spacing: 0.08em;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2578 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2579
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2580 .jrpg-login-dialog-header zen-button > button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2581 width: var(--zenbu-control-height);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2582 padding: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2583 border: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2584 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2585 background: transparent;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2586 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2587 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2588 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2589
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2590 .jrpg-login-dialog [data-login-error] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2591 padding: var(--zenbu-sys-padding-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2592 border-left: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2593 background: color-mix(in srgb, var(--mjj-jrpg-accent) 10%, transparent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2594 color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2595 font-size: var(--zenbu-sys-font-size-sm);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2596 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2597
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2598 .jrpg-login-dialog [data-login-error][hidden] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2599 display: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2600 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2601
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2602 .jrpg-login-dialog form {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2603 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2604 gap: var(--zenbu-sys-space-group);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2605 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2606
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2607 .jrpg-login-dialog zen-field[appearance="plain"] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2608 display: grid;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2609 gap: var(--zenbu-sys-space-icon-label);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2610 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2611
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2612 .jrpg-login-dialog input {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2613 box-sizing: border-box;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2614 width: 100%;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2615 min-height: var(--zenbu-control-height);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2616 padding:
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2617 var(--zenbu-control-padding-block)
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2618 var(--zenbu-control-padding-inline);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2619 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2620 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2621 background: var(--mjj-jrpg-surface-sunken);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2622 color: var(--mjj-jrpg-text);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2623 font: inherit;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2624 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2625
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2626 .jrpg-login-dialog input::placeholder {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2627 color: var(--mjj-jrpg-text-muted);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2628 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2629
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2630 .jrpg-login-dialog-actions {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2631 display: flex;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2632 justify-content: flex-end;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2633 gap: var(--zenbu-sys-space-control);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2634 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2635
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2636 .jrpg-login-dialog zen-button > button {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2637 border: var(--zenbu-sys-stroke-width-emphasis) solid var(--mjj-jrpg-frame);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2638 border-radius: 0;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2639 background: var(--mjj-jrpg-surface);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2640 color: var(--mjj-jrpg-text);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2641 cursor: pointer;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2642 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2643
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2644 .jrpg-login-dialog zen-button > button:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2645 border-color: var(--mjj-jrpg-accent);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2646 background: var(--mjj-jrpg-surface-raised);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2647 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2648
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2649 .jrpg-login-dialog [data-login-submit] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2650 border-color: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2651 background: var(--mjj-jrpg-primary);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2652 color: var(--mjj-jrpg-primary-foreground);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2653 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2654
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2655 .jrpg-login-dialog [data-login-submit]:hover {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2656 border-color: var(--mjj-jrpg-primary-hover);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2657 background: var(--mjj-jrpg-primary-hover);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2658 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2659
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2660 .jrpg-login-dialog zen-button > button:disabled {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2661 opacity: var(--zenbu-sys-opacity-disabled);
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2662 cursor: not-allowed;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2663 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2664
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2665 @media (prefers-reduced-motion: reduce) {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2666 .jrpg-login-dialog[open] {
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2667 animation: none;
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2668 }
04fee26ecce0 add authenticated JRPG conversation platform MrJuneJune <me@mrjunejune.com> parents: 263 diff changeset	2669 }

Mercurial

annotate mrjunejune/src/jrpg/jrpg.css @ 272:41a49c29a28f