@import"https://fonts.googleapis.com/css2?family=DotGothic16&family=M+PLUS+Rounded+1c:wght@500;700;800&family=Press+Start+2P&family=VT323&display=swap";:root{--color-panel-bg: #1a1a1a;--color-panel-text: #f5f5f5;--color-accent: #3b82f6;--color-accent-2: #f59e0b;--color-on-accent: #ffffff;--color-error: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--color-online: #10b981;--color-offline: #6b7280;--color-plate-cream: #f8f4e3;--color-plate-ink: #1a1a1a;--color-chip-bg: rgba(26, 26, 26, .92);--color-btn-bg: #2a2a2a;--color-btn-active-bg: var(--color-accent);--color-overlay-dim: rgba(0, 0, 0, .72);--color-overlay-shade: rgba(0, 0, 0, .25);--color-disclaimer-bg: rgba(255, 255, 255, .04);--border-chip: 2px solid var(--color-accent);--border-btn: 2px solid var(--color-panel-text);--border-portrait: 3px solid var(--color-accent);--radius-panel: 0;--radius-button: 0;--radius-pill: 999px;--font-pixel: "Press Start 2P", ui-monospace, monospace;--font-dialog: "FOT-Rodin Bokutoh Pro", "FOT Rodin Bokutoh Pro", "Rodin Bokutoh Pro", "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic", "Microsoft JhengHei", system-ui, sans-serif;--font-system: -apple-system, "Inter", system-ui, sans-serif;--text-base: 10px;--text-xs: 8px;--text-sm: 9px;--text-md: 12px;--text-lg: 14px;--text-xl: 18px;--line-snug: 1.4;--line-comfortable: 1.55;--shadow-panel: 0 4px 0 rgba(0, 0, 0, .5);--shadow-btn: 0 2px 0 rgba(0, 0, 0, .5);--shadow-soft: 0 2px 8px rgba(0, 0, 0, .35);--shadow-portrait: 0 4px 0 rgba(0, 0, 0, .5);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--z-canvas: 0;--z-hud-chrome: 50;--z-hud-prompt: 60;--z-hud-controls: 70;--z-side-panel: 80;--z-modal: 100;--z-owl: 1000}*{box-sizing:border-box}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes blink-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.pulse-glow{animation:pulse-glow 1.4s infinite}@media (prefers-reduced-motion: reduce){.pulse-glow{animation:none;opacity:1}}.pixel-crisp{image-rendering:pixelated;image-rendering:crisp-edges}@keyframes nexfina-owl-idle-sprite{0%,88%{background-position:0 0}90%{background-position:20% 0}92%{background-position:40% 0}94%{background-position:60% 0}96%{background-position:80% 0}98%{background-position:100% 0}to{background-position:0 0}}.nexfina-owl-idle-sprite{animation:nexfina-owl-idle-sprite 4s steps(1,end) infinite;background-position:0 0}@media (max-width: 640px){.owl-name-plate{align-self:center!important;margin-left:0!important;margin-bottom:-2px!important}.owl-dialogue-row{flex-direction:column!important;align-items:stretch!important}.owl-portrait-frame{align-self:center!important;width:clamp(84px,24vw,112px)!important;height:clamp(76px,22vw,100px)!important;margin-bottom:-3px!important;z-index:2!important}.owl-dialogue-box{border-left:var(--border-portrait)!important;min-height:112px!important}}@media (max-width: 760px) and (max-height: 420px){.owl-portrait-frame{width:clamp(72px,18vw,88px)!important;height:clamp(66px,16vw,80px)!important}.owl-dialogue-box{min-height:104px!important;padding:10px 12px 18px!important}}@media (prefers-reduced-motion: reduce){.nexfina-owl-idle-sprite{animation:none}}
