.ei-dq-root-wrapper {
          --root-bg-color: var(--ei-bg, #000000);
          --map-bg-color-top: var(--ei-map-top, #66bb6a);
          --map-bg-color-bottom: var(--ei-map-bottom, #43a047);
          --map-bg-image: none;
          --panel-bg: var(--ei-panel, #000000ee);
          --text: var(--ei-text, #ffffff);
          --accent: var(--ei-accent, #ffd700);
          --safe: #8ac926;
          --warn: #ffb703;
          --danger: #ff595e;
          --font-pixel: "Press Start 2P", monospace;
        }
        .ei-dq-root-wrapper, .ei-dq-root-wrapper * { box-sizing: border-box; }
        .ei-dq-root-wrapper {
          display:flex;
          justify-content:center;
          align-items:center;
          width:100%;
          min-height:576px;
          background:transparent;
        }
        .ei-dq-root-wrapper .dq-root {
          width: 768px;
          height: 576px;
          border: none;
          box-shadow: none;
          position: relative;
          background: #000;
          overflow: hidden;
        }
        .ei-dq-root-wrapper .dq-map {
          position: absolute;
          top: 40px;
          left: 200px;
          width: 352px;
          height: 224px;
          background:
            var(--map-bg-image),
            linear-gradient(var(--map-bg-color-top) 0 50%, var(--map-bg-color-bottom) 50% 100%);
          background-size: cover;
          border: 4px solid #fff;
          box-shadow: 0 0 0 3px #111;
          overflow: hidden;
        }
        .ei-dq-root-wrapper .dq-map::before {
          content: "";
          position: absolute;
          inset: 0;
          background-image:
            linear-gradient(90deg, rgba(0,0,0,0.15) 1px, transparent 1px),
            linear-gradient(rgba(0,0,0,0.15) 1px, transparent 1px);
          background-size: 16px 16px;
          opacity: 0.6;
          mix-blend-mode: multiply;
          pointer-events: none;
        }
        .ei-dq-root-wrapper .dq-monster {
          position: absolute;
          width: 40px;
          height: 32px;
          left: 50%;
          top: 60%;
          --mx: 0px;
          --my: 0px;
          transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my)));
          background:
            radial-gradient(circle at 50% 15%, #ffffff 0 20%, transparent 21%),
            radial-gradient(circle at 35% 40%, #ffffff 0 8%, transparent 9%),
            radial-gradient(circle at 65% 40%, #ffffff 0 8%, transparent 9%),
            radial-gradient(circle at 50% 80%, #000000aa 0 18%, transparent 19%),
            linear-gradient(#1976d2 0 60%, #0d47a1 60% 100%);
          border-radius: 50% 50% 45% 45%;
          border: 3px solid #0d47a1;
          box-shadow: 0 3px 0 0 #08326d;
          background-size: cover;
          background-position: center;
        }
        .ei-dq-root-wrapper .monster-hit {
          animation: hitFlash 0.3s ease-out;
        }
        .ei-dq-root-wrapper .monster-guard {
          animation: guardShake 0.3s ease-out;
        }
        @keyframes hitFlash {
          0%, 100% { filter: none; }
          40% { filter: brightness(2); }
        }
        @keyframes guardShake {
          0%, 100% { transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))); }
          25% { transform: translate(calc(-50% - 4px + var(--mx)), calc(-50% + var(--my))); }
          75% { transform: translate(calc(-50% + 4px + var(--mx)), calc(-50% + var(--my))); }
        }
        @keyframes monsterShake {
          0%   { transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))) rotate(0deg); }
          20%  { transform: translate(calc(-48% + var(--mx)), calc(-52% + var(--my))) rotate(2deg); }
          40%  { transform: translate(calc(-52% + var(--mx)), calc(-48% + var(--my))) rotate(-2deg); }
          60%  { transform: translate(calc(-49% + var(--mx)), calc(-51% + var(--my))) rotate(1deg); }
          80%  { transform: translate(calc(-51% + var(--mx)), calc(-49% + var(--my))) rotate(-1deg); }
          100% { transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))) rotate(0deg); }
        }
        .ei-dq-root-wrapper .monster-appear {
          animation: monsterShake 0.6s ease-out;
        }
        .ei-dq-root-wrapper .dq-window {
          position: absolute;
          box-sizing: border-box;
          background: var(--panel-bg);
          border: 4px solid #ffffff;
          color: var(--text);
          padding: 8px;
          font-family: var(--font-pixel);
          font-size: 11px;
          line-height: 1.6;
        }
        .ei-dq-root-wrapper .label {
          color: var(--accent);
        }
        .ei-dq-root-wrapper .status-window {
          top: 24px;
          left: 24px;
          width: 160px;
          height: 220px;
        }
        .ei-dq-root-wrapper .status-line {
          display: flex;
          justify-content: space-between;
        }
        .ei-dq-root-wrapper .hp-bar-wrap {
          margin-top: 4px;
          border: 2px solid #fff;
          height: 12px;
          background: #222;
        }
        .ei-dq-root-wrapper .hp-bar-fill {
          height: 100%;
          width: 100%;
          background: var(--safe);
          transition: width 0.3s ease, background 0.3s ease;
        }
        .ei-dq-root-wrapper .message-window {

          left: 24px;
          bottom: 24px;
          width: 300px;
          height: 240px;
          font-size: 12px;
          display:flex;
          flex-direction:column;
        
  justify-content: flex-start;

          overflow: hidden;
          min-height: 0;
}
        .ei-dq-root-wrapper .message-title {
          margin-bottom: 4px;
          border-bottom: 2px solid #fff;
          padding-bottom: 2px;
        }
        .ei-dq-root-wrapper .msg-inner {

          white-space: pre-line;
          flex:1;
        
          padding: 0 8px;
          word-break: break-word;

          min-height: 0;
          overflow: auto;
          flex: 1 1 auto;
          min-height: 0;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
}
        .ei-dq-root-wrapper .msg-cursor {
          display: inline-block;
          width: 8px;
          animation: blink 0.8s steps(1,end) infinite;
        }
        .ei-dq-root-wrapper .message-footer {

          text-align:right;
          margin-top:8px;
        
          padding-top: 6px;

          flex-shrink: 0;
          position: sticky;
          bottom: 0;
          background: rgba(0,0,0,0.85);
          padding-bottom: env(safe-area-inset-bottom);
          flex: 0 0 auto;
          margin-top: auto;
          padding-bottom: env(safe-area-inset-bottom);
}
        .ei-dq-root-wrapper .dq-next-btn {
          background:#111;
          border:2px solid #fff;
          color:#fff;
          padding:4px 10px;
          font-family:var(--font-pixel);
          font-size:11px;
          cursor:pointer;
        
          width: 100%;}
        .ei-dq-root-wrapper .dq-next-btn:hover {
          background:#333;
          color:var(--accent);
        }
        @keyframes blink {
          0%,50% { opacity: 1; }
          50.1%,100% { opacity: 0; }
        }
        .ei-dq-root-wrapper .command-window {
          right: 8px;
          bottom: 24px;
          width: 420px;
          height: 220px;
          display: flex;
          flex-direction: column;
          gap: 6px;
          font-size: 11px;
        
  left: auto;}
        .ei-dq-root-wrapper .command-title {
          margin-bottom: 4px;
          border-bottom: 2px solid #fff;
          padding-bottom: 2px;
        }
        .ei-dq-root-wrapper .cmd-btn {
          background: #000;
          border: 3px solid #fff;
          color: var(--text);
          font-family: var(--font-pixel);
          font-size: 11px;
          text-align: left;
          padding: 4px 6px;
          cursor: pointer;
        }
        .ei-dq-root-wrapper .cmd-btn span.arrow {
          display: inline-block;
          width: 14px;
        }
        .ei-dq-root-wrapper .cmd-btn:hover:not(.disabled) {
          background: #333;
          color: var(--accent);
        }
        .ei-dq-root-wrapper .cmd-btn.disabled {
          opacity: 0.5;
          pointer-events: none;
        }


        /* 右上角靜音切換 */
        
        .ei-dq-root-wrapper .dq-audio-toggle{
          position:absolute;
          top: 10px;
          right: 10px;
          width: 44px;
          height: 44px;
          border: 1px solid rgba(255,255,255,0.55);
          background: rgba(0,0,0,0.68);
          color:#fff;
          border-radius: 10px;
          cursor:pointer;
          display:flex;
          align-items:center;
          justify-content:center;
          z-index: 60;
          box-shadow: 0 4px 12px rgba(0,0,0,0.28);
          backdrop-filter: blur(3px);
          -webkit-backdrop-filter: blur(3px);
          padding: 0;
        }
        .ei-dq-root-wrapper .dq-audio-toggle:focus{
          outline: none;
          box-shadow: 0 0 0 2px rgba(255,255,255,0.35), 0 6px 14px rgba(0,0,0,0.32);
        }
        .ei-dq-root-wrapper .dq-audio-toggle:hover{
          background: rgba(0,0,0,0.78);
          border-color: rgba(255,255,255,0.75);
        }
        .ei-dq-root-wrapper .dq-audio-toggle .dq-audio-icon{
          position: relative;
          display:flex;
          align-items:center;
          justify-content:center;
          width: 22px;
          height: 22px;
          color: #fff;
        }
        .ei-dq-root-wrapper .dq-audio-toggle.is-muted .dq-audio-icon:after{
          content:"";
          position:absolute;
          left: 9px;
          top: -3px;
          width: 2px;
          height: 28px;
          background: rgba(255,255,255,0.95);
          transform: rotate(45deg);
          border-radius: 2px;
        }
.ei-dq-root-wrapper .dq-audio-toggle.is-muted{
          opacity: 0.85;
        }

        /* 變身特效：覆蓋層 */
        .ei-dq-root-wrapper .dq-fx-overlay{
          position:absolute;
          inset:0;
          pointer-events:none;
          opacity:0;
          z-index: 10;
        }
        .ei-dq-root-wrapper .fx-flash{
          background:#fff;
          animation: dqFxFlash 0.45s ease-out forwards;
        }
        @keyframes dqFxFlash{
          0%{ opacity:0; }
          40%{ opacity:1; }
          100%{ opacity:0; }
        }
        .ei-dq-root-wrapper .fx-glitch{
          background:
            repeating-linear-gradient(0deg, rgba(255,255,255,0.15) 0 2px, rgba(0,0,0,0) 2px 6px),
            linear-gradient(90deg, rgba(255,255,255,0.35), rgba(0,0,0,0));
          mix-blend-mode: overlay;
          animation: dqFxGlitch 0.6s steps(2,end) forwards;
        }
        @keyframes dqFxGlitch{
          0%{ opacity:0; transform: translateX(0); }
          20%{ opacity:1; transform: translateX(-6px); }
          40%{ opacity:0.6; transform: translateX(6px); }
          60%{ opacity:1; transform: translateX(-4px); }
          100%{ opacity:0; transform: translateX(0); }
        }
        .ei-dq-root-wrapper .monster-warp{
          animation: dqMonsterWarp 0.55s ease-out;
        }
        @keyframes dqMonsterWarp{
          0%{ transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))) scale(1); filter: none; }
          35%{ transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))) scale(1.14) skewX(-6deg); filter: blur(1px) brightness(1.2); }
          70%{ transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))) scale(0.96) skewX(6deg); filter: blur(0px) brightness(1.05); }
          100%{ transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))) scale(1); filter: none; }
        }
        .ei-dq-root-wrapper .monster-glitch{
          animation: dqMonsterGlitch 0.6s steps(2,end);
        }
        @keyframes dqMonsterGlitch{
          0%{ transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))); filter:none; }
          20%{ transform: translate(calc(-50% - 3px + var(--mx)), calc(-50% + 1px + var(--my))); filter: contrast(1.2) brightness(1.2); }
          40%{ transform: translate(calc(-50% + 3px + var(--mx)), calc(-50% - 1px + var(--my))); filter: hue-rotate(20deg) saturate(1.2); }
          60%{ transform: translate(calc(-50% - 2px + var(--mx)), calc(-50% + var(--my))); filter: contrast(1.3); }
          100%{ transform: translate(calc(-50% + var(--mx)), calc(-50% + var(--my))); filter:none; }
        }

        /* 手機版：寬度 <= 768px 時改成直向四層排版 */

        /* iPad / 平板：修正 message window 內容擠壓導致 footer（下一步）被切掉 */
        @media (max-width: 1024px) and (min-width: 769px) {
          .ei-dq-root-wrapper .message-window{
            max-height: 38vh;
          }
        }

        @media (max-width: 768px) {
          .ei-dq-root-wrapper {
            align-items: flex-start;
            padding: 16px 0;
          }
          .ei-dq-root-wrapper .dq-root {
            width: 100%;
            max-width: 480px;
            height: auto;
            margin: 0 auto;
          }
          .ei-dq-root-wrapper .dq-window,
          .ei-dq-root-wrapper .dq-map {
            position: relative;
            left: auto;
            right: auto;
            top: auto;
            bottom: auto;
            width: calc(100% - 32px);
            margin: 0 auto 12px;
          }
          .ei-dq-root-wrapper .status-window {
            height: auto;
          }
          .ei-dq-root-wrapper .dq-map {
            height: 220px;
          }
          .ei-dq-root-wrapper .message-window,
          .ei-dq-root-wrapper .command-window {
            height: auto;
            min-height: 0; /* override desktop/tablet min-height to prevent mobile overflow */
          }
          .ei-dq-root-wrapper .message-window {
            display: flex;
            flex-direction: column;
          }
          .ei-dq-root-wrapper .msg-inner {
            min-height: 80px;
          }

          /* 手機版：把靜音按鈕放到狀態窗右下角（不擋文字） */
          .ei-dq-root-wrapper .status-window{
            /* 給按鈕留空間，避免壓到底部內容 */
            padding-bottom: 56px;
          }
          .ei-dq-root-wrapper .dq-audio-toggle{
            width: 38px;
            height: 38px;
            top: auto;
            left: auto;
            right: 8px;
            bottom: 8px;
            border-radius: 10px;
            z-index: 9999;
          }
          .ei-dq-root-wrapper .dq-audio-toggle .dq-audio-icon{
            width: 18px;
            height: 18px;
          }
          .ei-dq-root-wrapper .dq-audio-toggle.is-muted .dq-audio-icon:after{
            left: 7px;
            top: -4px;
            height: 26px;
          }

          /* 手機版：指令按鈕文字自動換行，避免水平溢出/遮蓋 */
          .ei-dq-root-wrapper .command-window{
            gap: 8px;
          }
          .ei-dq-root-wrapper .cmd-btn{
            width: 100%;
            white-space: normal;
            word-break: break-word;
            line-height: 1.5;
            padding: 8px 10px;
          }
          .ei-dq-root-wrapper .cmd-btn span.arrow{
            width: 14px;
            flex: 0 0 14px;
          }
          .ei-dq-root-wrapper .cmd-btn span.text{
            display: inline;
          }

        }

        
/* Base minimum height (desktop/tablet). Mobile will override to avoid pushing layout off-screen. */
.message-window, .command-window {
  min-height: 260px;
}

/* v1.7.18: targeted font sizes */
/* Left-top monster panel */
.ei-dq-monster-name { font-size: 15px; }
.ei-dq-monster-panel,
.ei-dq-monster-panel * { font-size: 14px; }

/* Left-bottom message: keep original size (no override) */

/* Layout width rebalance */
.ei-dq-bottom-row {
  grid-template-columns: 38% 62%;
}


/* === v1.7.19.8+: Prevent bottom panels overlap (tablet/desktop only) ===
   IMPORTANT: These rules MUST NOT affect phone layout.
   Root cause: message-window and command-window are both absolutely positioned with fixed widths.
   On iPad/some layouts, command-window overlays message-window.
   Fix: reserve space for command-window using right: calc(...), and make command width responsive via clamp().
*/
@media (min-width: 769px) {
  .ei-dq-root-wrapper .command-window {
    width: clamp(300px, 52%, 420px) !important;
    left: auto !important;
    right: 8px !important;
    z-index: 2;
  }
  .ei-dq-root-wrapper .message-window {
    width: auto !important;
    left: 24px !important;
    right: calc(8px + clamp(300px, 52%, 420px) + 12px) !important; /* reserve cmd width + gap */
    z-index: 1;
  }
}

/* If the available width becomes too tight (iPad portrait), stack vertically to guarantee readability */
@media (min-width: 769px) and (max-width: 820px) {
  .ei-dq-root-wrapper .message-window {
    right: 24px !important;
    width: auto !important;
    height: 240px !important;
    bottom: 264px !important; /* move up above command */
  }
  .ei-dq-root-wrapper .command-window {
    left: 24px !important;
    right: 24px !important;
    width: auto !important;
    height: 240px !important;
    bottom: 24px !important;
  }
}




/* EI 統一風格：完整控制戰鬥容器、狀態窗、訊息窗、指令窗與按鈕 */
.ei-dq-root-wrapper{
  background:transparent;
  color:var(--ei-text);
}
.ei-dq-root-wrapper .dq-root{
  background-color:var(--ei-bg) !important;
  color:var(--ei-text);
  font-family:var(--ei-font);
}
.ei-dq-root-wrapper .dq-window{
  background:var(--ei-panel) !important;
  color:var(--ei-text) !important;
  border-color:var(--ei-border) !important;
  border-radius:var(--ei-radius) !important;
  box-shadow:var(--ei-shadow) !important;
  font-family:var(--ei-font) !important;
}
.ei-dq-root-wrapper .message-title,
.ei-dq-root-wrapper .command-title{
  border-color:var(--ei-border) !important;
  color:var(--ei-accent) !important;
}
.ei-dq-root-wrapper .label{color:var(--ei-accent) !important}
.ei-dq-root-wrapper .msg-inner,
.ei-dq-root-wrapper #monsterWeak{color:var(--ei-text) !important}
.ei-dq-root-wrapper .message-footer{
  background:linear-gradient(to top,var(--ei-panel) 72%,transparent) !important;
}
.ei-dq-root-wrapper .cmd-btn,
.ei-dq-root-wrapper .dq-next-btn,
.ei-dq-root-wrapper .dq-audio-toggle{
  background:var(--ei-button) !important;
  color:var(--ei-text) !important;
  border-color:var(--ei-border) !important;
  border-radius:var(--ei-radius) !important;
  box-shadow:none;
  font-family:var(--ei-font) !important;
}
.ei-dq-root-wrapper .cmd-btn:hover:not(.disabled),
.ei-dq-root-wrapper .dq-next-btn:hover,
.ei-dq-root-wrapper .dq-audio-toggle:hover{
  background:var(--ei-button-hover) !important;
  color:var(--ei-accent) !important;
}
.ei-dq-root-wrapper .hp-bar-wrap{
  border-color:var(--ei-border) !important;
  background:var(--ei-panel-2) !important;
  border-radius:calc(var(--ei-radius) / 2);
  overflow:hidden;
}
.ei-dq-root-wrapper .dq-map{
  border-color:var(--ei-border) !important;
  border-radius:var(--ei-radius);
  box-shadow:var(--ei-shadow);
  background:
    var(--map-bg-image),
    linear-gradient(var(--ei-map-top) 0 50%,var(--ei-map-bottom) 50% 100%) !important;
  background-size:cover !important;
}
.ei-dq-root-wrapper.ei-theme-glass .dq-window,
.ei-dq-root-wrapper.ei-theme-mac .dq-window,
.ei-dq-root-wrapper.ei-theme-windows .dq-window{
  backdrop-filter:blur(14px) saturate(1.18);
  -webkit-backdrop-filter:blur(14px) saturate(1.18);
}
.ei-dq-root-wrapper.ei-theme-pixel .dq-window,
.ei-dq-root-wrapper.ei-theme-dq .dq-window{
  image-rendering:pixelated;
  border-width:4px !important;
}
.ei-dq-root-wrapper.ei-theme-windows95 .dq-window,
.ei-dq-root-wrapper.ei-theme-windows95 .cmd-btn,
.ei-dq-root-wrapper.ei-theme-windows95 .dq-next-btn{
  border-radius:0 !important;
  border-top-color:#fff !important;
  border-left-color:#fff !important;
  border-right-color:#404040 !important;
  border-bottom-color:#404040 !important;
}
.ei-dq-root-wrapper.ei-theme-terminal .dq-root::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:80;
  background:repeating-linear-gradient(0deg,rgba(88,255,122,.045) 0 1px,transparent 1px 4px);
  mix-blend-mode:screen;
}
.ei-dq-root-wrapper.ei-theme-cyberpunk .dq-root::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:80;
  background:linear-gradient(90deg,rgba(41,247,255,.04),transparent 34%,rgba(255,59,212,.04));
}
.ei-dq-root-wrapper.ei-theme-parchment .dq-root,
.ei-dq-root-wrapper.ei-theme-japanese .dq-root,
.ei-dq-root-wrapper.ei-theme-ink .dq-root,
.ei-dq-root-wrapper.ei-theme-wabisabi .dq-root,
.ei-dq-root-wrapper.ei-theme-western .dq-root{
  background-image:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 34%),
    repeating-linear-gradient(0deg,rgba(70,55,35,.035) 0 1px,transparent 1px 5px);
}
.ei-dq-root-wrapper.ei-theme-chinese .dq-root{
  background-image:linear-gradient(135deg,rgba(232,189,87,.06),transparent 40%),linear-gradient(45deg,rgba(139,29,29,.20),transparent 60%);
}
.ei-dq-root-wrapper.ei-theme-steampunk .dq-root{
  background-image:radial-gradient(circle at 12% 18%,rgba(214,148,79,.12),transparent 20%),radial-gradient(circle at 84% 78%,rgba(214,148,79,.10),transparent 22%);
}
.ei-dq-root-wrapper.ei-theme-cute .dq-window{border-width:2px !important}
.ei-dq-root-wrapper.ei-theme-arcane .dq-window{
  box-shadow:0 0 0 1px rgba(193,140,255,.22),var(--ei-shadow) !important;
}



/* v1.8.0：六組結構母版，不再只是同一個 DQ 四窗換色。 */
.ei-dq-root-wrapper.ei-layout-document .status-window{left:24px;right:24px;top:18px;width:auto;height:112px;display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px}
.ei-dq-root-wrapper.ei-layout-document .dq-map{left:64px;top:146px;width:640px;height:238px}
.ei-dq-root-wrapper.ei-layout-document .message-window{left:24px;bottom:20px;width:430px;height:154px}
.ei-dq-root-wrapper.ei-layout-document .command-window{right:24px;bottom:20px;width:270px;height:154px}
.ei-dq-root-wrapper.ei-layout-system .dq-root{padding-top:28px}.ei-dq-root-wrapper.ei-layout-system .status-window{top:48px;left:28px;width:250px;height:198px}
.ei-dq-root-wrapper.ei-layout-system .dq-map{top:48px;left:294px;width:444px;height:270px}.ei-dq-root-wrapper.ei-layout-system .message-window{left:28px;bottom:28px;width:440px;height:206px}.ei-dq-root-wrapper.ei-layout-system .command-window{right:28px;bottom:28px;width:250px;height:206px}
.ei-dq-root-wrapper.ei-layout-cyber .status-window{left:auto;right:20px;top:20px;width:230px;height:220px}.ei-dq-root-wrapper.ei-layout-cyber .dq-map{left:20px;top:20px;width:480px;height:300px}
.ei-dq-root-wrapper.ei-layout-cyber .message-window{left:280px;bottom:22px;width:468px;height:210px}.ei-dq-root-wrapper.ei-layout-cyber .command-window{left:20px;bottom:22px;width:240px;height:210px}
.ei-dq-root-wrapper.ei-layout-arcane .status-window{left:24px;top:24px;width:240px;height:210px}.ei-dq-root-wrapper.ei-layout-arcane .dq-map{left:264px;top:42px;width:480px;height:300px;border-radius:50% 50% 18px 18px}
.ei-dq-root-wrapper.ei-layout-arcane .message-window{left:24px;bottom:22px;width:470px;height:200px}.ei-dq-root-wrapper.ei-layout-arcane .command-window{right:24px;bottom:22px;width:230px;height:200px}
.ei-dq-root-wrapper.ei-layout-ei .status-window{left:24px;top:24px;width:260px;height:212px}.ei-dq-root-wrapper.ei-layout-ei .dq-map{left:300px;top:24px;width:444px;height:310px}
.ei-dq-root-wrapper.ei-layout-ei .message-window{left:24px;bottom:22px;width:500px;height:205px}.ei-dq-root-wrapper.ei-layout-ei .command-window{right:24px;bottom:22px;width:200px;height:205px}
@media (prefers-reduced-motion: reduce){.ei-dq-root-wrapper *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:768px){.ei-dq-root-wrapper[class*="ei-layout-"] .status-window,.ei-dq-root-wrapper[class*="ei-layout-"] .dq-map,.ei-dq-root-wrapper[class*="ei-layout-"] .message-window,.ei-dq-root-wrapper[class*="ei-layout-"] .command-window{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;border-radius:var(--ei-radius)!important;display:block}.ei-dq-root-wrapper[class*="ei-layout-"] .dq-map{height:240px!important}}

/* v1.8.2 — 前台演出回歸 v1.7.21.0；僅保留安全判定所需的即時選取提示。 */
.ei-dq-root-wrapper .dq-monster{
  transform-origin:center center;
  will-change:transform,filter,opacity;
}
.ei-dq-root-wrapper.ei-theme-pixel .dq-monster,
.ei-dq-root-wrapper.ei-theme-dq .dq-monster{
  image-rendering:pixelated;
}
.ei-dq-root-wrapper .cmd-btn.is-resolving{
  opacity:1!important;
  color:var(--accent)!important;
  border-color:var(--accent)!important;
  background:#222!important;
}
.ei-dq-root-wrapper .command-window.is-resolving .command-title::after{
  content:"判定中…";
  float:right;
  color:var(--accent);
  font-size:.88em;
}
@media (prefers-reduced-motion: reduce){
  .ei-dq-root-wrapper *{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


/* v1.8.3 — 統一成更接近勇者鬥惡龍的穩定四區戰鬥版面，避免互相壓版。 */
.ei-dq-root-wrapper .cmd-btn{
  display:flex;
  align-items:flex-start;
  gap:8px;
  width:100%;
  min-height:44px;
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
  line-height:1.55;
}
.ei-dq-root-wrapper .cmd-btn .arrow{
  flex:0 0 14px;
  width:14px;
  display:inline-flex;
  align-items:flex-start;
  justify-content:flex-start;
}
.ei-dq-root-wrapper .cmd-btn .text{
  flex:1 1 auto;
  min-width:0;
  display:block;
}
.ei-dq-root-wrapper .status-window .status-line{
  gap:10px;
  align-items:flex-start;
}
.ei-dq-root-wrapper #attemptText,
.ei-dq-root-wrapper #monsterWeak{
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media (min-width: 769px){
  .ei-dq-root-wrapper{
    padding:12px;
    align-items:flex-start;
  }
  .ei-dq-root-wrapper .dq-root{
    width:min(100%, 980px) !important;
    max-width:980px;
    min-height:576px;
    height:auto !important;
    display:grid !important;
    grid-template-columns: clamp(180px, 25%, 260px) minmax(0, 1fr);
    grid-template-rows: minmax(250px, auto) minmax(220px, auto);
    grid-template-areas:
      'status map'
      'message command';
    gap:18px;
    padding:18px;
    overflow:visible;
  }
  .ei-dq-root-wrapper .status-window,
  .ei-dq-root-wrapper .dq-map,
  .ei-dq-root-wrapper .message-window,
  .ei-dq-root-wrapper .command-window{
    position:relative !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:auto !important;
    min-width:0;
    margin:0 !important;
  }
  .ei-dq-root-wrapper .status-window{ grid-area:status; height:auto !important; align-self:start; }
  .ei-dq-root-wrapper .dq-map{
    grid-area:map;
    min-height:290px;
    height:100% !important;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .ei-dq-root-wrapper .message-window{
    grid-area:message;
    min-height:220px;
    height:100% !important;
  }
  .ei-dq-root-wrapper .command-window{
    grid-area:command;
    min-height:220px;
    height:100% !important;
    display:grid;
    grid-template-rows:auto repeat(4,auto);
    gap:8px;
    align-content:start;
  }
  .ei-dq-root-wrapper .command-title,
  .ei-dq-root-wrapper .message-title{ margin-bottom:0; }
  .ei-dq-root-wrapper .dq-audio-toggle{
    top:12px;
    right:12px;
    z-index:60;
  }
  .ei-dq-root-wrapper.ei-layout-document .dq-root,
  .ei-dq-root-wrapper.ei-layout-system .dq-root,
  .ei-dq-root-wrapper.ei-layout-cyber .dq-root,
  .ei-dq-root-wrapper.ei-layout-arcane .dq-root,
  .ei-dq-root-wrapper.ei-layout-ei .dq-root,
  .ei-dq-root-wrapper.ei-layout-classic .dq-root{
    grid-template-columns: clamp(180px, 25%, 260px) minmax(0, 1fr);
    grid-template-rows: minmax(250px, auto) minmax(220px, auto);
    grid-template-areas:
      'status map'
      'message command';
  }
}
@media (min-width: 769px) and (max-width: 900px){
  .ei-dq-root-wrapper .dq-root{
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto auto;
    grid-template-areas:
      'status map'
      'message message'
      'command command' !important;
  }
  .ei-dq-root-wrapper .dq-map{ min-height:250px; }
}
@media (max-width: 768px){
  .ei-dq-root-wrapper .dq-root{
    width:100%;
    max-width:520px;
  }
  .ei-dq-root-wrapper .command-window{
    display:grid;
    grid-template-rows:auto repeat(4,auto);
    gap:8px;
  }
}


/* v1.8.6 — 戰鬥橋接顯示與狀態資訊壓縮 */
.ei-dq-root-wrapper{ overflow:visible; padding-bottom:24px; }
.ei-dq-root-wrapper .dq-root{ margin-bottom:10px; }
.ei-dq-root-wrapper .message-window,
.ei-dq-root-wrapper .command-window,
.ei-dq-root-wrapper .status-window,
.ei-dq-root-wrapper .dq-map{ overflow:visible; }
.ei-dq-root-wrapper #attemptText{ display:grid; gap:4px; margin-top:4px; }
.ei-dq-root-wrapper .dq-mini-line{ display:flex; align-items:center; gap:6px; flex-wrap:nowrap; min-width:0; }
.ei-dq-root-wrapper .mini-tag{ flex:0 0 auto; color:var(--accent); min-width:2.8em; }
.ei-dq-root-wrapper .dq-pips{ display:flex; gap:2px; flex-wrap:wrap; min-width:0; }
.ei-dq-root-wrapper .dq-pip{ line-height:1; display:inline-block; }
.ei-dq-root-wrapper .dq-pip.is-off{ opacity:.45; }
.ei-dq-root-wrapper .dq-mini-count{ font-variant-numeric:tabular-nums; letter-spacing:0; }
.ei-dq-root-wrapper .dq-audio-toggle[aria-pressed="true"] .dq-audio-icon:after,
.ei-dq-root-wrapper .dq-audio-toggle.is-muted .dq-audio-icon:after{ display:block; }
@media (min-width:769px){
  .ei-dq-root-wrapper{ min-height: initial; }
  .ei-dq-root-wrapper .dq-root{ min-height: 560px; }
}


/* v1.8.6 — 可調字級、緊湊資源顯示、可靠靜音圖示與橋接高度回報 */
.ei-dq-root-wrapper .dq-root{font-size:var(--dq-font-base,11px)}
.ei-dq-root-wrapper .dq-window{font-size:var(--dq-font-base,11px)}
.ei-dq-root-wrapper .status-window,.ei-dq-root-wrapper .status-window *{font-size:var(--dq-font-status,var(--dq-font-base,11px))}
.ei-dq-root-wrapper .message-window,.ei-dq-root-wrapper .message-window .msg-inner,.ei-dq-root-wrapper .message-window .dq-next-btn{font-size:var(--dq-font-message,var(--dq-font-base,11px))}
.ei-dq-root-wrapper .command-window,.ei-dq-root-wrapper .command-window .cmd-btn{font-size:var(--dq-font-command,var(--dq-font-base,11px))}
.ei-dq-root-wrapper .message-title,.ei-dq-root-wrapper .command-title,.ei-dq-root-wrapper .label{font-size:var(--dq-font-title,12px)}
.ei-dq-root-wrapper #attemptText{display:block;margin-top:8px;min-width:0}
.ei-dq-root-wrapper .dq-resource-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.ei-dq-root-wrapper .dq-resource-count{flex:0 0 auto;padding:1px 6px;border:1px solid var(--ei-border);border-radius:999px;font-variant-numeric:tabular-nums;white-space:nowrap}
.ei-dq-root-wrapper .dq-pips{display:flex;gap:4px;align-items:center;min-height:8px;flex-wrap:nowrap}
.ei-dq-root-wrapper .dq-pip{display:block;width:10px;height:7px;border:1px solid var(--ei-border);background:transparent;opacity:.5}
.ei-dq-root-wrapper .dq-pip.is-on{background:var(--safe);opacity:1}
.ei-dq-root-wrapper .dq-meter-track{display:block;width:100%;height:8px;border:1px solid var(--ei-border);background:var(--ei-panel-2);overflow:hidden}
.ei-dq-root-wrapper .dq-meter-track i{display:block;height:100%;background:var(--safe)}
.ei-dq-root-wrapper .dq-answer-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.ei-dq-root-wrapper .dq-answer-chips span{display:inline-flex;gap:3px;align-items:center;padding:2px 6px;border:1px solid color-mix(in srgb,var(--ei-border) 70%,transparent);border-radius:999px;white-space:nowrap}
.ei-dq-root-wrapper .dq-audio-toggle .dq-audio-icon-muted{display:none}
.ei-dq-root-wrapper .dq-audio-toggle.is-muted .dq-audio-icon-normal{display:none}
.ei-dq-root-wrapper .dq-audio-toggle.is-muted .dq-audio-icon-muted{display:block}
.ei-dq-root-wrapper .dq-audio-toggle.is-muted .dq-audio-icon:after{display:none!important}
.ei-dq-root-wrapper,.ei-dq-root-wrapper .dq-root{overflow:visible!important}

/* v1.8.9 — expanded monster transformation library, aligned with EI Dialogue effects. */
.ei-dq-root-wrapper .fx-fade{background:rgba(0,0,0,.88);animation:dqFxFade .65s ease-in-out forwards}
.ei-dq-root-wrapper .fx-smoke{background:radial-gradient(circle at 50% 62%,rgba(255,255,255,.88),rgba(180,200,220,.46) 34%,rgba(255,255,255,0) 68%);filter:blur(2px);animation:dqFxSmoke .8s ease-in-out forwards}
.ei-dq-root-wrapper .fx-pixel{background:repeating-linear-gradient(90deg,rgba(255,255,255,.0) 0 8px,rgba(255,255,255,.28) 8px 14px),repeating-linear-gradient(0deg,rgba(255,255,255,.0) 0 8px,rgba(120,180,255,.22) 8px 14px);mix-blend-mode:screen;animation:dqFxPixel .75s steps(8,end) forwards}
.ei-dq-root-wrapper .fx-glow{background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.92),rgba(98,202,255,.42) 34%,rgba(255,255,255,0) 68%);animation:dqFxGlow .65s ease-out forwards}
.ei-dq-root-wrapper .fx-shake_hard{background:rgba(255,255,255,.18);animation:dqFxGlitch .65s steps(8,end) forwards}
.ei-dq-root-wrapper .fx-liquify{background:radial-gradient(ellipse at 50% 55%,rgba(90,210,255,.42),rgba(255,255,255,0) 70%);animation:dqFxLiquify .8s ease-in-out forwards}
.ei-dq-root-wrapper .fx-zoom_burst{background:radial-gradient(circle at center,rgba(255,255,255,.82),rgba(255,255,255,0) 62%);animation:dqFxZoomBurst .65s ease-out forwards}
.ei-dq-root-wrapper .fx-ripple{background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.6),rgba(90,180,255,.18) 38%,rgba(255,255,255,0) 64%);animation:dqFxRipple .8s ease-out forwards}
.ei-dq-root-wrapper .fx-slice_shift{background:repeating-linear-gradient(180deg,transparent 0 10px,rgba(255,255,255,.32) 10px 13px,transparent 13px 17px);mix-blend-mode:screen;animation:dqFxSlice .7s steps(7,end) forwards}
.ei-dq-root-wrapper .fx-invert_blink{background:rgba(255,255,255,.92);mix-blend-mode:difference;animation:dqFxInvert .52s steps(3,end) forwards}
@keyframes dqFxFade{0%{opacity:0}40%{opacity:.9}100%{opacity:0}}
@keyframes dqFxSmoke{0%{opacity:0;transform:translateY(12px) scale(.88)}38%{opacity:1;transform:translateY(-2px) scale(1.04)}100%{opacity:0;transform:translateY(-18px) scale(1.18)}}
@keyframes dqFxPixel{0%{opacity:0;transform:scale(.92)}25%{opacity:.95;transform:scale(1.02)}70%{opacity:.35}100%{opacity:0;transform:scale(1)}}
@keyframes dqFxGlow{0%{opacity:0;transform:scale(.86)}32%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(1.16)}}
@keyframes dqFxLiquify{0%{opacity:0;transform:scale(.94,1.04)}35%{opacity:.85;transform:scale(1.06,.96) skewX(3deg)}70%{opacity:.35;transform:scale(.98,1.03) skewX(-2deg)}100%{opacity:0;transform:none}}
@keyframes dqFxZoomBurst{0%{opacity:0;transform:scale(.55)}36%{opacity:1;transform:scale(1.12)}100%{opacity:0;transform:scale(1.35)}}
@keyframes dqFxRipple{0%{opacity:0;transform:scale(.72);filter:blur(1px)}35%{opacity:1;transform:scale(1.04);filter:blur(0)}100%{opacity:0;transform:scale(1.32);filter:blur(2px)}}
@keyframes dqFxSlice{0%{opacity:0;transform:translateX(0)}25%{opacity:.9;transform:translateX(-10px)}50%{opacity:.42;transform:translateX(9px)}75%{opacity:.75;transform:translateX(-4px)}100%{opacity:0;transform:translateX(0)}}
@keyframes dqFxInvert{0%{opacity:0}30%{opacity:1}55%{opacity:.1}78%{opacity:.9}100%{opacity:0}}
.ei-dq-root-wrapper .monster-fade{animation:dqMonsterFade .65s ease-in-out}
.ei-dq-root-wrapper .monster-smoke{animation:dqMonsterSmoke .8s ease-in-out}
.ei-dq-root-wrapper .monster-pixel-fast{animation:dqMonsterPixel .6s steps(7,end)}
.ei-dq-root-wrapper .monster-pixel-mid{animation:dqMonsterPixel .9s steps(10,end)}
.ei-dq-root-wrapper .monster-pixel-slow{animation:dqMonsterPixel 1.2s steps(14,end)}
.ei-dq-root-wrapper .monster-glow{animation:dqMonsterGlow .65s ease-out}
.ei-dq-root-wrapper .monster-shake-hard{animation:dqMonsterShakeHard .65s cubic-bezier(.2,.01,.2,1)}
.ei-dq-root-wrapper .monster-liquify{animation:dqMonsterLiquify .8s ease-in-out}
.ei-dq-root-wrapper .monster-zoom-burst{animation:dqMonsterZoomBurst .65s ease-out}
.ei-dq-root-wrapper .monster-ripple{animation:dqMonsterRipple .8s ease-out}
.ei-dq-root-wrapper .monster-slice-shift{animation:dqMonsterSlice .7s steps(7,end)}
.ei-dq-root-wrapper .monster-invert-blink{animation:dqMonsterInvert .52s steps(3,end)}
@keyframes dqMonsterFade{0%{opacity:1}38%{opacity:.12}65%{opacity:1}100%{opacity:1}}
@keyframes dqMonsterSmoke{0%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1);filter:none}35%{transform:translate(calc(-50% + var(--mx)),calc(-54% + var(--my))) scale(.88);filter:blur(4px);opacity:.35}70%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1.05);filter:blur(1px);opacity:1}100%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1);filter:none;opacity:1}}
@keyframes dqMonsterPixel{0%{filter:contrast(1) saturate(1);transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1)}20%{filter:contrast(2.2) saturate(.4) blur(2px);transform:translate(calc(-50% - 4px + var(--mx)),calc(-50% + var(--my))) scale(.94)}48%{filter:contrast(3) saturate(1.8);transform:translate(calc(-50% + 5px + var(--mx)),calc(-50% - 2px + var(--my))) scale(1.05)}75%{filter:contrast(1.35) saturate(1.1);transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(.98)}100%{filter:none;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1)}}
@keyframes dqMonsterGlow{0%{filter:none;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1)}32%{filter:brightness(1.7) saturate(1.35) drop-shadow(0 0 20px rgba(120,220,255,.95));transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1.08)}100%{filter:none;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1)}}
@keyframes dqMonsterShakeHard{0%,100%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my)))}10%{transform:translate(calc(-50% - 14px + var(--mx)),calc(-50% + var(--my)))}20%{transform:translate(calc(-50% + 13px + var(--mx)),calc(-50% + var(--my)))}35%{transform:translate(calc(-50% - 10px + var(--mx)),calc(-50% + var(--my)))}50%{transform:translate(calc(-50% + 8px + var(--mx)),calc(-50% + var(--my)))}70%{transform:translate(calc(-50% - 5px + var(--mx)),calc(-50% + var(--my)))}}
@keyframes dqMonsterLiquify{0%,100%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my)));filter:none}20%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) skew(7deg,-3deg) scale(1.05,.93);filter:blur(1px)}45%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) skew(-8deg,3deg) scale(.94,1.07);filter:blur(1.5px) saturate(1.3)}72%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) skew(3deg,-1deg) scale(1.02,.98);filter:blur(.4px)}}
@keyframes dqMonsterZoomBurst{0%,100%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1);filter:none}35%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1.24);filter:brightness(1.4) saturate(1.25)}68%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(.9);filter:brightness(.9)}}
@keyframes dqMonsterRipple{0%,100%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my)));filter:none}20%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1.03,.92) skew(2deg,-1deg);filter:contrast(1.2)}50%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(.96,1.08) skew(-2deg,1deg);filter:brightness(1.1)}76%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1.02,.98)}}
@keyframes dqMonsterSlice{0%,100%{transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my)));filter:none}20%{transform:translate(calc(-50% - 9px + var(--mx)),calc(-50% + var(--my)));filter:contrast(1.4)}42%{transform:translate(calc(-50% + 9px + var(--mx)),calc(-50% + var(--my)));filter:hue-rotate(18deg)}65%{transform:translate(calc(-50% - 4px + var(--mx)),calc(-50% + var(--my)));filter:contrast(1.2)}}
@keyframes dqMonsterInvert{0%,100%{filter:none}30%{filter:invert(1) hue-rotate(180deg) contrast(1.3)}55%{filter:none}78%{filter:invert(1) brightness(1.4)}}


/* v1.8.11 — Lobby natural layout + document/western text-flow regression fix. */
.ei-dq-root-wrapper .dq-root{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.ei-dq-root-wrapper .status-line{
  display:grid!important;
  grid-template-columns:minmax(3.6em,.8fr) minmax(0,1.2fr)!important;
  align-items:start!important;
  justify-content:initial!important;
  gap:8px!important;
  min-width:0!important;
}
.ei-dq-root-wrapper .status-line > *{
  min-width:0!important;
  max-width:100%!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
.ei-dq-root-wrapper .status-line > :last-child{
  text-align:right;
}
.ei-dq-root-wrapper #monsterWeak,
.ei-dq-root-wrapper #attemptText,
.ei-dq-root-wrapper .resource-block,
.ei-dq-root-wrapper .resource-metrics{
  width:100%!important;
  min-width:0!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
@media (min-width:769px){
  /* Old document layout used a four-column status grid. The unified DQ layout must reset it. */
  .ei-dq-root-wrapper.ei-layout-document .status-window,
  .ei-dq-root-wrapper.ei-theme-western .status-window,
  .ei-dq-root-wrapper.ei-theme-parchment .status-window,
  .ei-dq-root-wrapper.ei-theme-japanese .status-window,
  .ei-dq-root-wrapper.ei-theme-ink .status-window,
  .ei-dq-root-wrapper.ei-theme-wabisabi .status-window{
    display:block!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    grid-auto-rows:auto!important;
    height:auto!important;
  }
  .ei-dq-root-wrapper.ei-layout-document .status-window > *{
    width:100%!important;
    min-width:0!important;
  }
}

/* v1.8.12 native result notice/modal */
.ei-dq-native-outcome-notice{position:fixed;z-index:100000;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.28);border-left:5px solid #3b82f6;border-radius:12px;background:rgba(15,23,42,.96);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35)}.ei-dq-native-outcome-notice.is-success{border-left-color:#22c55e}.ei-dq-native-outcome-notice.is-warning{border-left-color:#f59e0b}.ei-dq-native-outcome-notice.is-error{border-left-color:#ef4444}.ei-dq-native-outcome-notice.is-lobby_scene_center{position:absolute;left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%)}.ei-dq-native-outcome-notice.is-lobby_scene_bottom_right{position:absolute;right:18px;bottom:18px}.ei-dq-native-outcome-notice-text{flex:1;white-space:pre-wrap}.ei-dq-native-outcome-notice-close{flex:0 0 auto;border:0;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer}.ei-dq-native-outcome-modal-layer{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:24px;background:rgba(2,6,23,.68)}.ei-dq-native-outcome-modal{width:min(620px,94vw);max-height:86vh;overflow:auto;border:3px solid #fff;background:#05070c;color:#fff;box-shadow:0 22px 80px rgba(0,0,0,.5)}.ei-dq-native-outcome-modal-head{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.35)}.ei-dq-native-outcome-modal-head button{border:0;background:transparent;color:inherit;font-size:24px;cursor:pointer}.ei-dq-native-outcome-modal-body{padding:18px;white-space:pre-wrap;line-height:1.7}