@kawaijs/renderer-dom 0.1.12 → 0.1.14

package/dist/types.d.ts

@@ -3,7 +3,7 @@ import type { ShareConfig } from './share-meta.js';
 export type AssetType = 'background' | 'character' | 'audio';
 export declare function defaultAssetResolver(path: string, type: AssetType): string;
 /**
- * Preload all background and character assets mentioned in a story to eliminate visual flashes.
+ * Preload story assets with bounded concurrency to avoid RAM/network spikes on mobile.
  */
 export declare function preloadStoryAssets(story: StoryPackage, assetResolver?: (path: string, type: AssetType) => string): void;
 export interface GalleryItem {
@@ -103,6 +103,8 @@ export interface RendererFeatureOptions {
     advanceDebounceMs?: number;
     /** Horizontal swipe gestures on mobile (default: true). */
     touchGestures?: boolean;
+    /** Controller and Gamepad API navigation support (default: true). */
+    gamepad?: boolean;
 }
 export interface DOMRendererOptions {
     container: HTMLElement;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,MAAM,MAAM,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAAC;AAE7D,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CA0B1E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,GAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,MAA6B,GAAG,IAAI,CA+D7I;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IAC9H,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,OAAO,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAC9F,SAAS,CAAC,CAAC,OAAO,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACjD,SAAS,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/C,SAAS,CAAC,IAAI,IAAI,CAAC;IACnB,SAAS,CAAC,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/C,SAAS,CAAC,IAAI,IAAI,CAAC;IACnB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,eAAe,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,cAAc,CAAC,IAAI,MAAM,CAAC;IAC1B,cAAc,CAAC,IAAI,MAAM,CAAC;IAC1B,OAAO,CAAC,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,gBAAgB,IAAI,OAAO,CAAC;IAC5B,gBAAgB,IAAI,IAAI,CAAC;IACzB,MAAM,CACJ,QAAQ,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,IAAI,EAAE,MAAM,CAAC;KACd,GAAG,IAAI,GAAG,SAAS,EACpB,UAAU,CAAC,EAAE,MAAM,IAAI,GACtB,IAAI,CAAC;IACR,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC;IACzB,MAAM,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;IAClE,IAAI,CAAC,IAAI,IAAI,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,eAAe,CAAC;IACjE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE;QAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,KAAK,cAAc,CAAC;CACzF;AAED,MAAM,WAAW,sBAAsB;IACrC,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,WAAW,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,KAAK,MAAM,CAAC;IAC1D,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,mEAAmE;IACnE,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB"}

package/dist/types.js

@@ -21,7 +21,7 @@ export function defaultAssetResolver(path, type) {
     return path;
 }
 /**
- * Preload all background and character assets mentioned in a story to eliminate visual flashes.
+ * Preload story assets with bounded concurrency to avoid RAM/network spikes on mobile.
  */
 export function preloadStoryAssets(story, assetResolver = defaultAssetResolver) {
     if (typeof window === 'undefined')
@@ -40,21 +40,46 @@ export function preloadStoryAssets(story, assetResolver = defaultAssetResolver)
             }
         }
     }
+    const urls = [];
     for (const bg of bgSet) {
-        const img = new Image();
-        img.src = assetResolver(bg, 'background');
+        urls.push(assetResolver(bg, 'background'));
     }
     for (const char of charSet) {
         const candidates = characterAssetCandidates(char, assetResolver);
-        const img = new Image();
-        let i = 0;
-        const tryNext = () => {
-            if (i >= candidates.length)
-                return;
-            img.src = candidates[i++];
-        };
-        img.onerror = tryNext;
-        tryNext();
+        if (candidates[0])
+            urls.push(candidates[0]);
+    }
+    const saveData = Boolean(navigator.connection?.saveData);
+    const coarse = typeof window.matchMedia === 'function' && window.matchMedia('(pointer: coarse)').matches;
+    const concurrency = saveData ? 2 : coarse ? 3 : 6;
+    let index = 0;
+    let active = 0;
+    const pump = () => {
+        while (active < concurrency && index < urls.length) {
+            const url = urls[index++];
+            active++;
+            const img = new Image();
+            const done = () => {
+                active--;
+                // Drop reference promptly so decode buffers can GC.
+                img.onload = null;
+                img.onerror = null;
+                pump();
+            };
+            img.onload = done;
+            img.onerror = done;
+            img.decoding = 'async';
+            img.src = url;
+        }
+    };
+    const start = () => {
+        pump();
+    };
+    if (typeof window.requestIdleCallback === 'function') {
+        window.requestIdleCallback(() => start(), { timeout: 1200 });
+    }
+    else {
+        setTimeout(start, 0);
     }
 }
 //# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kawaijs/renderer-dom",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Standard semantic DOM and CSS rendering engine for Kawaijs visual novels",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -39,9 +39,9 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@kawaijs/ast": "^0.1.12",
-    "@kawaijs/audio": "^0.1.12",
-    "@kawaijs/runtime": "^0.1.12"
+    "@kawaijs/ast": "^0.1.14",
+    "@kawaijs/audio": "^0.1.14",
+    "@kawaijs/runtime": "^0.1.14"
   },
   "keywords": [
     "kawaijs",

package/src/theme.css

@@ -140,16 +140,25 @@ body.kawa-fullscreen {
   transition: opacity 0.85s cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-/* Directional wipe transitions */
+/* Directional wipe & push & zoom transitions */
 .kawa-background[data-transition="wipeleft"] .kawa-bg-layer,
-.kawa-background[data-transition="wiperight"] .kawa-bg-layer {
-  transition: opacity 0.55s ease, clip-path 0.55s cubic-bezier(0.4, 0, 0.2, 1);
+.kawa-background[data-transition="wiperight"] .kawa-bg-layer,
+.kawa-background[data-transition="wipeup"] .kawa-bg-layer,
+.kawa-background[data-transition="wipedown"] .kawa-bg-layer,
+.kawa-background[data-transition="circlewipe"] .kawa-bg-layer,
+.kawa-background[data-transition="iris"] .kawa-bg-layer,
+.kawa-background[data-transition="pushleft"] .kawa-bg-layer,
+.kawa-background[data-transition="pushright"] .kawa-bg-layer,
+.kawa-background[data-transition="pushup"] .kawa-bg-layer,
+.kawa-background[data-transition="pushdown"] .kawa-bg-layer,
+.kawa-background[data-transition="zoom"] .kawa-bg-layer,
+.kawa-background[data-transition="blur"] .kawa-bg-layer {
+  transition: opacity 0.55s ease, clip-path 0.55s cubic-bezier(0.4, 0, 0.2, 1), transform 0.55s cubic-bezier(0.4, 0, 0.2, 1), filter 0.55s ease;
 }
 
 .kawa-bg-layer.kawa-wipe-from-left {
   clip-path: inset(0 100% 0 0);
 }
-
 .kawa-bg-layer.kawa-wipe-from-left.active {
   clip-path: inset(0 0 0 0);
 }
@@ -157,11 +166,75 @@ body.kawa-fullscreen {
 .kawa-bg-layer.kawa-wipe-from-right {
   clip-path: inset(0 0 0 100%);
 }
-
 .kawa-bg-layer.kawa-wipe-from-right.active {
   clip-path: inset(0 0 0 0);
 }
 
+.kawa-bg-layer.kawa-wipe-from-up {
+  clip-path: inset(0 0 100% 0);
+}
+.kawa-bg-layer.kawa-wipe-from-up.active {
+  clip-path: inset(0 0 0 0);
+}
+
+.kawa-bg-layer.kawa-wipe-from-down {
+  clip-path: inset(100% 0 0 0);
+}
+.kawa-bg-layer.kawa-wipe-from-down.active {
+  clip-path: inset(0 0 0 0);
+}
+
+.kawa-bg-layer.kawa-wipe-circle {
+  clip-path: circle(0% at 50% 50%);
+}
+.kawa-bg-layer.kawa-wipe-circle.active {
+  clip-path: circle(120% at 50% 50%);
+}
+
+.kawa-bg-layer.kawa-push-from-left {
+  transform: translateX(-100%);
+}
+.kawa-bg-layer.kawa-push-from-left.active {
+  transform: translateX(0);
+}
+
+.kawa-bg-layer.kawa-push-from-right {
+  transform: translateX(100%);
+}
+.kawa-bg-layer.kawa-push-from-right.active {
+  transform: translateX(0);
+}
+
+.kawa-bg-layer.kawa-push-from-up {
+  transform: translateY(-100%);
+}
+.kawa-bg-layer.kawa-push-from-up.active {
+  transform: translateY(0);
+}
+
+.kawa-bg-layer.kawa-push-from-down {
+  transform: translateY(100%);
+}
+.kawa-bg-layer.kawa-push-from-down.active {
+  transform: translateY(0);
+}
+
+.kawa-bg-layer.kawa-zoom-in {
+  transform: scale(1.15);
+  filter: blur(8px);
+}
+.kawa-bg-layer.kawa-zoom-in.active {
+  transform: scale(1);
+  filter: blur(0px);
+}
+
+.kawa-bg-layer.kawa-blur-transition {
+  filter: blur(16px);
+}
+.kawa-bg-layer.kawa-blur-transition.active {
+  filter: blur(0px);
+}
+
 /* Characters Layer */
 .kawa-characters {
   position: absolute;
@@ -1330,6 +1403,17 @@ body.kawa-fullscreen {
   animation: kawa-fade-in 0.5s cubic-bezier(0.16, 1, 0.3, 1);
 }
 
+.kawa-bg-video,
+.kawa-cg-video {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  pointer-events: none;
+  z-index: 1;
+}
+
 /* ==========================================================================
    Camera Shake, Flash & Stage Directives
    ========================================================================== */
@@ -1810,13 +1894,55 @@ body.kawa-fullscreen {
   display: none !important;
 }
 
-/* Embed / iframe compact chrome (`?embed=1`) */
-.kawa-root.kawa-embed .kawa-quick-menu {
-  display: none !important;
+/* Embed: always letterbox 16:9 — never inherit full-page mobile fill sizing. */
+.kawa-root.kawa-embed {
+  min-height: 0 !important;
+  height: 100% !important;
+  max-height: 100% !important;
+}
+
+.kawa-root.kawa-embed .kawa-stage {
+  max-width: 100% !important;
+  max-height: 100% !important;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.kawa-root.kawa-embed .kawa-ui-layer {
+  padding: clamp(8px, 2.2vh, 16px) clamp(10px, 2.5vw, 18px);
 }
 
 .kawa-root.kawa-embed .kawa-dialogue-box {
+  min-height: 0;
   max-width: min(920px, 94%);
+  padding: clamp(10px, 1.8vh, 16px) clamp(12px, 2.5vw, 20px);
+}
+
+.kawa-root.kawa-embed .kawa-dialogue-text {
+  font-size: clamp(0.88rem, 2.6vw, 1.05rem);
+  line-height: 1.45;
+}
+
+.kawa-root.kawa-embed .kawa-choice-container {
+  width: min(92%, 440px);
+  gap: 8px;
+  top: 48%;
+}
+
+.kawa-root.kawa-embed .kawa-choice-btn {
+  font-size: clamp(0.82rem, 2.4vw, 1rem);
+  padding: 0.65rem 0.9rem;
+  min-height: 42px;
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
+}
+
+.kawa-root.kawa-embed .kawa-choice-btn:hover,
+.kawa-root.kawa-embed .kawa-choice-btn:focus-visible {
+  transform: none;
+}
+
+.kawa-root.kawa-embed .kawa-quick-menu {
+  display: none !important;
 }
 
 .kawa-continue-link-btn {
@@ -1863,6 +1989,66 @@ body.kawa-fullscreen {
 }
 
 @media (max-width: 768px), (pointer: coarse) {
+  /* Full-page player only — never blow up embedded previews (playground / iframe). */
+  .kawa-root:not(.kawa-embed) {
+    /* Use dynamic viewport so mobile browser chrome doesn't clip the stage */
+    min-height: 100dvh;
+    height: 100dvh;
+  }
+
+  .kawa-root:not(.kawa-embed) .kawa-stage {
+    width: 100% !important;
+    max-width: none;
+    max-height: none;
+    border-radius: 0;
+    box-shadow: none;
+    border-left: none;
+    border-right: none;
+  }
+
+  @media (orientation: portrait) {
+    .kawa-root:not(.kawa-embed) .kawa-stage {
+      height: 100% !important;
+      aspect-ratio: auto;
+    }
+  }
+
+  .kawa-main-menu-backdrop {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+
+  .kawa-main-menu-btn {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    width: min(100%, 420px);
+  }
+
+  .kawa-ui-layer {
+    padding: 10px 12px max(10px, env(safe-area-inset-bottom));
+  }
+
+  .kawa-dialogue-box {
+    min-height: 112px;
+    padding: 14px 16px 18px;
+    padding-bottom: max(14px, env(safe-area-inset-bottom));
+    /* backdrop-filter is expensive on mobile GPUs */
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    background: rgba(10, 15, 29, 0.94);
+    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.55);
+  }
+
+  .kawa-dialogue-text {
+    font-size: clamp(0.95rem, 3.6vw, 1.1rem);
+    line-height: 1.45;
+  }
+
+  .kawa-choice-container {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+
   .kawa-choice-btn {
     min-height: 48px;
     padding: 0.85rem 1.1rem;
@@ -1877,6 +2063,9 @@ body.kawa-fullscreen {
     justify-content: center;
     align-self: stretch;
     border-radius: 16px;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+    background: rgba(15, 23, 42, 0.92);
   }
 
   .kawa-quick-menu .kawa-btn {
@@ -1890,19 +2079,32 @@ body.kawa-fullscreen {
     display: none;
   }
 
-  .kawa-dialogue-box {
-    padding-bottom: max(12px, env(safe-area-inset-bottom));
+  .kawa-sprite img {
+    filter: none;
+    animation: none;
   }
 
   .kawa-hotspot {
-    min-width: 44px;
-    min-height: 44px;
+    min-width: 48px;
+    min-height: 48px;
+  }
+
+  .kawa-main-menu {
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));
   }
 
   .kawa-main-menu-btn {
     min-height: 48px;
   }
 
+  .kawa-modal-overlay,
+  .kawa-modal {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+
   .kawa-slot-actions {
     flex-wrap: wrap;
   }
@@ -1910,6 +2112,17 @@ body.kawa-fullscreen {
   .kawa-slot-btn {
     min-height: 44px;
   }
+
+  .kawa-ending-card {
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .kawa-sprite img {
+    animation: none !important;
+  }
 }
 
 
@@ -1993,3 +2206,109 @@ body.kawa-fullscreen {
   font-size: 0.75rem;
   color: #64748b;
 }
+
+/* ==========================================================================
+   Accessibility & Themes (A11y, Dyslexia Font & High Contrast)
+   ========================================================================== */
+
+.kawa-dyslexia-font,
+.kawa-dyslexia-font .kawa-dialogue-text,
+.kawa-dyslexia-font .kawa-speaker-tag,
+.kawa-dyslexia-font .kawa-choice-btn,
+.kawa-dyslexia-font .kawa-modal-card {
+  font-family: 'OpenDyslexic', 'Comic Sans MS', sans-serif !important;
+  letter-spacing: 0.05em !important;
+  word-spacing: 0.12em !important;
+  line-height: 1.7 !important;
+}
+
+.kawa-high-contrast .kawa-dialogue-box {
+  background: #000000 !important;
+  border: 3px solid #ffffff !important;
+  box-shadow: 0 0 0 2px #000000 !important;
+}
+
+.kawa-high-contrast .kawa-dialogue-text {
+  color: #ffffff !important;
+  font-weight: 700 !important;
+  text-shadow: none !important;
+}
+
+.kawa-high-contrast .kawa-speaker-tag {
+  background: #ffff00 !important;
+  color: #000000 !important;
+  border: 2px solid #ffffff !important;
+  font-weight: 900 !important;
+}
+
+.kawa-high-contrast .kawa-choice-btn {
+  background: #000000 !important;
+  color: #ffffff !important;
+  border: 2px solid #ffff00 !important;
+  font-weight: 700 !important;
+}
+
+.kawa-high-contrast .kawa-choice-btn:hover,
+.kawa-high-contrast .kawa-choice-btn:focus-visible {
+  background: #ffff00 !important;
+  color: #000000 !important;
+}
+
+.kawa-setting-section {
+  margin-top: 14px;
+  padding-top: 12px;
+  border-top: 1px solid rgba(255, 255, 255, 0.12);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.kawa-setting-section-title {
+  font-size: 0.95rem;
+  font-weight: 700;
+  color: #f8fafc;
+  margin-bottom: 2px;
+}
+
+.kawa-toggle-label {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  font-size: 0.9rem;
+  color: #cbd5e1;
+  cursor: pointer;
+}
+
+.kawa-toggle-label input[type="checkbox"] {
+  width: 18px;
+  height: 18px;
+  accent-color: var(--kawa-primary-accent, #f43f5e);
+  cursor: pointer;
+}
+
+.kawa-select {
+  width: 100%;
+  padding: 8px 12px;
+  border-radius: 8px;
+  background: rgba(15, 23, 42, 0.8);
+  color: #f8fafc;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  font-size: 0.95rem;
+  cursor: pointer;
+  outline: none;
+}
+
+.kawa-select:focus {
+  border-color: var(--kawa-primary-accent, #f43f5e);
+}
+
+.kawa-sprite.kawa-speaking {
+  animation: kawa-sprite-lip-sync 0.35s ease-in-out infinite alternate;
+}
+
+@keyframes kawa-sprite-lip-sync {
+  0% { transform: translateY(0) scale(1); }
+  100% { transform: translateY(-3px) scale(1.015); }
+}
+
+