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

annotate mrjunejune/src/jrpg/jrpg.css @ 265:056790c4fb0d

add role-aware Epi assistant prompts Add verified June knowledge, guest/member/admin Copilot profiles, profile-isolated session recovery, animated Epi greetings, and a single authoritative runtime config workflow for inference. Co-authored-by: Copilot <[email protected]>

author	MrJuneJune <me@mrjunejune.com>
date	Fri, 07 Aug 2026 10:50:30 -0700
parents	04fee26ecce0
children	41a49c29a28f

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

Mercurial

annotate mrjunejune/src/jrpg/jrpg.css @ 265:056790c4fb0d