/* Approved v6 artwork over the live canvas. Never flatten a 3D card owner. */
.rg-dialogue-cards{position:absolute;z-index:auto;pointer-events:none;overflow:visible;color:#fff3e2;font-family:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;--rg-card-art:url('ui_assets/dialogue_cards_v1/card-back.webp?v=1');--rg-button-art:url('ui_assets/dialogue_cards_v1/button.webp?v=1');--rg-glow:.6}
.rg-dialogue-cards *{box-sizing:border-box}
.rg-dialogue-cards[hidden]{display:none!important}
.rg-dialogue-cards .rg-stage{position:absolute;left:0;top:0;width:1024px;height:576px;z-index:1000;pointer-events:auto;overflow:hidden;transform-origin:0 0;perspective:1100px;isolation:isolate;background:none;touch-action:pan-y}
.rg-dialogue-cards .rg-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#09020b10,#09020b45 23%,#09020b80 65%,#09020bba);pointer-events:none}
.rg-dialogue-cards .rg-rail{position:absolute;inset:0;perspective:1100px;transform-style:preserve-3d;z-index:10;touch-action:pan-y}
.rg-dialogue-cards button{font:inherit;cursor:pointer;touch-action:manipulation}
.rg-dialogue-cards button:disabled{cursor:default}
.rg-dialogue-cards .rg-card{position:absolute;left:50%;top:52%;width:222px;height:342px;margin:-171px 0 0 -111px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;color:#fff3f7;display:block;transform-style:preserve-3d;will-change:transform;text-align:center}
.rg-dialogue-cards .rg-card-front,.rg-dialogue-cards .rg-card-back{position:absolute;inset:0;background:var(--rg-card-art) center/100% 100% no-repeat;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none;filter:drop-shadow(0 12px 13px #000c)}
.rg-dialogue-cards .rg-card[data-front="true"] .rg-card-front,.rg-dialogue-cards .rg-card[data-front="true"] .rg-card-back{filter:drop-shadow(0 12px 13px #000c) drop-shadow(0 0 12px rgb(229 47 126 / var(--rg-glow)))}
.rg-dialogue-cards .rg-card-front{transform:translateZ(.3px);z-index:1}
.rg-dialogue-cards .rg-card-back{transform:rotateY(180deg) translateZ(.3px);z-index:0}
.rg-dialogue-cards .rg-card-copy{position:absolute;inset:20% 11% 16%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:12px;padding:14px 9px 18px;background:none;border:0;box-shadow:none;backface-visibility:hidden;pointer-events:none}
.rg-dialogue-cards .rg-card-copy::before{content:"";position:absolute;inset:-8px;z-index:0;border:0;pointer-events:none;background:linear-gradient(180deg,#10030a00,#10030a05 30%,#10030a70 47%,#10030ae8 74%,#0c0209fa),var(--rg-word-art) center 36%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 91%,transparent);-webkit-mask-composite:source-in}
.rg-dialogue-cards .rg-card-copy>*{position:relative;z-index:1}
.rg-dialogue-cards img.rg-card-title{display:block;width:100%;height:43px;min-height:0;object-fit:contain;flex:none;margin:0;border:0;pointer-events:none;mix-blend-mode:screen}
.rg-dialogue-cards .rg-card[data-word="blind"] img.rg-card-title,.rg-dialogue-cards .rg-card[data-word="brushOff"] img.rg-card-title,.rg-dialogue-cards .rg-card[data-word="noItems"] img.rg-card-title{height:76px}
.rg-dialogue-cards .rg-card-detail{font-family:"Noto Serif JP","Yu Mincho",serif;font-weight:500;font-size:12px;line-height:1.8;letter-spacing:0;white-space:pre-line;text-wrap:balance;overflow-wrap:anywhere;color:#f4d9dc;text-shadow:0 1px 3px #080107,0 0 3px #080107;max-width:100%;margin:0}
.rg-dialogue-cards .rg-title-fallback{font-size:23px;line-height:1.42;font-weight:600;color:#ffecd5;text-shadow:0 2px 3px #0c0208,0 0 8px #7a254d;white-space:pre-line}
.rg-dialogue-cards .rg-title-fallback[hidden],.rg-dialogue-cards .rg-confirm-fallback[hidden],.rg-dialogue-cards .rg-counter-fallback[hidden]{display:none}
.rg-dialogue-cards.rg-frame-fallback .rg-card-front,.rg-dialogue-cards.rg-frame-fallback .rg-card-back{border:2px solid #ad7a84;border-radius:9px;background:radial-gradient(ellipse at top,#4c0a29,#13030c 80%);box-shadow:inset 0 0 0 5px #14030d,inset 0 0 0 6px #754953}
.rg-dialogue-cards .rg-bottom{position:absolute;bottom:2px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:0;z-index:30}
.rg-dialogue-cards .rg-counter-space{width:110px;height:24px;flex:none}
.rg-dialogue-cards .rg-controls{display:flex;justify-content:center;gap:8px;align-items:center}
.rg-dialogue-cards .rg-confirm,.rg-dialogue-cards .rg-arrow,.rg-dialogue-cards .rg-cancel,.rg-dialogue-cards .rg-menu{background:var(--rg-button-art) center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;color:#fff0f8;text-shadow:0 0 5px #850037,0 0 10px #eb288e;filter:drop-shadow(0 2px 3px #000b)}
.rg-dialogue-cards .rg-confirm{display:flex;align-items:center;justify-content:center;height:69px;min-width:240px;padding:13px 22px;font-size:17px}
.rg-dialogue-cards .rg-confirm-art{display:block;width:194px;height:34px;object-fit:contain;pointer-events:none}
.rg-dialogue-cards .rg-arrow{width:60px;height:52px;font-size:27px;padding:5px 10px;flex:none}
.rg-dialogue-cards .rg-confirm:hover,.rg-dialogue-cards .rg-arrow:hover,.rg-dialogue-cards .rg-cancel:hover,.rg-dialogue-cards .rg-menu:hover{filter:brightness(1.2) drop-shadow(0 0 8px #d9327e80)}
.rg-dialogue-cards .rg-confirm:disabled,.rg-dialogue-cards .rg-arrow:disabled,.rg-dialogue-cards .rg-cancel:disabled,.rg-dialogue-cards .rg-menu:disabled{filter:brightness(.65)}
.rg-dialogue-cards .rg-cancel,.rg-dialogue-cards .rg-menu{position:absolute;bottom:14px;width:148px;height:49px;z-index:30;font-size:16px}
.rg-dialogue-cards .rg-cancel{left:24px}
.rg-dialogue-cards .rg-menu{right:24px}
.rg-dialogue-cards .rg-hint{font-family:"Yu Gothic","Meiryo",sans-serif;font-size:11px;line-height:16px;color:#e0c4d4;text-align:center;margin:0 12px;padding:2px 10px;background:#100208cc}
/* Counter is a separate leaf outside the scaled stage's stacking context. */
.rg-dialogue-cards .rg-counter-art,.rg-dialogue-cards .rg-counter-fallback{position:absolute;z-index:1001;pointer-events:none;object-fit:contain;display:block}
.rg-dialogue-cards .rg-counter-art{mix-blend-mode:screen}
.rg-dialogue-cards .rg-counter-fallback{text-align:center;font-family:Georgia,"Yu Mincho",serif;color:#ffe3c7;text-shadow:0 0 6px #7b2546;line-height:1.2}
.rg-dialogue-cards .rg-selected-card{left:0;top:0;margin:0;z-index:25;pointer-events:none}
.rg-dialogue-cards .rg-petal{position:absolute;width:10px;height:16px;border-radius:2px 75% 12% 75%;background:linear-gradient(135deg,#e7548c,#590b35);box-shadow:0 0 8px #f785bc50;pointer-events:none;z-index:22}
.rg-dialogue-cards .rg-impact{position:absolute;left:58%;top:51%;width:86px;height:86px;border:1px solid #eeb9b9;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:21}
.rg-dialogue-cards .rg-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rg-dialogue-cards[data-phase="focus"] .rg-bottom,.rg-dialogue-cards[data-phase="throw"] .rg-bottom,.rg-dialogue-cards[data-phase="complete"] .rg-bottom,.rg-dialogue-cards[data-phase="complete"] .rg-stage>.rg-cancel,.rg-dialogue-cards[data-phase="complete"] .rg-stage>.rg-menu{visibility:hidden}
.rg-dialogue-cards[data-phase="complete"] .rg-vignette{visibility:hidden}