/* ⚠ ساخته می‌شود: python tools/build_dialogs.py */

.dlgOverlay,#bPoem{--ink:#102E50;--muted:#63798B;--accent:#2287CF;--cap:62px;--btn-height:124px}.dlgOverlay,.dlgOverlay *,.dlgGame,.dlgGame *,.dlgDemoBar,.dlgDemoBar *{box-sizing:border-box}.dlgOverlay,.dlgGame,.dlgDemoBar{font-family:Vazirmatn,sans-serif}:where(.dlgOverlay button,.dlgGame button,.dlgDemoBar button,.dlgDemoBar select){font:inherit;color:inherit}.dlgOverlay button,.dlgGame button,.dlgDemoBar button{cursor:pointer;touch-action:manipulation}.dlgOverlay button:disabled{cursor:default}.dlgOverlay button:focus-visible,.dlgGame button:focus-visible,.dlgDemoBar button:focus-visible,.dlgDemoBar select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.dlgOverlay img,.dlgGame img{display:block;max-width:100%}.dlgOverlay[hidden],.dlgOverlay [hidden],.dlgGame [hidden]{display:none!important}.dlgDemoBar{padding:10px 18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fffdf5;border-bottom:1px solid #d0d7d0;font-size:13px}.dlgDemoBar button,.dlgDemoBar select{min-height:44px;border:1px solid #c4cec9;border-radius:10px;background:#fffaf0;padding:8px 12px}.dlgGame{max-width:853px;min-height:100vh;margin:auto;padding:24px 30px;background:radial-gradient(ellipse at 0 30%,#e4f1f850,transparent 50%),#fffbf3}.dlgPlayers{display:flex;gap:12px;justify-content:space-between;font-size:22px;font-weight:700}.dlgPlayers span{flex:1;background:#fffdf6;border:1px solid #cdd6cf;border-radius:24px;padding:26px 12px;text-align:center}.dlgGameTitle{text-align:center;margin:27px 0;font-weight:700;font-size:25px}.dlgBoard{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;margin-top:23px}.dlgCell{min-width:0;line-height:1;border:1px solid #dddcd1;border-radius:12px;aspect-ratio:1;display:grid;place-items:center;font-size:38px;font-weight:bold;background:#fffdf4}.dlgCell.filled{background:#e8f4fa;box-shadow:inset 0 0 0 3px #fffdf4}.dlgHand{display:flex;gap:18px;justify-content:center;margin:26px 0}.dlgHand span{font-size:40px;background:#fff0bd;border:2px solid #45463d;border-radius:10px;padding:15px 22px}.dlgDemoNote{text-align:center;font-size:13px;color:var(--muted)}.dlgOverlay{position:fixed;inset:0;background:#102e5078;backdrop-filter:blur(3px);z-index:8000;overflow:auto;display:flex;align-items:safe center;justify-content:center;padding:24px 16px}.dlgPane{position:relative;isolation:isolate;width:min(720px,100%);min-width:0;margin:auto;color:var(--ink);font-size:clamp(16px,2.5vw,23px);--cap:clamp(24px,7.3vw,62px);--btn-height:clamp(52px,14.55vw,124px)}.dlgFrame{position:absolute;inset:0;display:grid;grid-template-columns:var(--cap) 1fr var(--cap);grid-template-rows:var(--cap) 1fr var(--cap);z-index:-1;pointer-events:none;direction:ltr}.dlgFrame img{width:100%;height:100%}.dlgExit{padding:clamp(64px,10.5vw,90px) clamp(23px,5.4vw,46px) clamp(28px,5vw,45px);text-align:center;min-height:clamp(360px,64vw,560px)}.dlgExitArt{width:clamp(90px,14vw,120px);margin:0 auto 24px}.dlgExit h1{font-size:clamp(25px,4.9vw,42px);margin:12px 0 15px;line-height:1.65}.dlgExit p{color:var(--muted);line-height:1.9;margin:10px 0}.dlgExitDivider{height:1px;background:linear-gradient(90deg,transparent,#b8c4c4,transparent);margin:36px 0}.dlgClose{border:0;position:absolute;inset-inline-end:clamp(16px,3.5vw,30px);top:clamp(18px,4vw,34px);width:clamp(44px,10.3vw,88px);height:clamp(44px,10.3vw,88px);padding:0;background:transparent;isolation:isolate;z-index:2}.dlgClose:before{content:'';position:absolute;inset:0;background:url('../assets/ui/dialogs/surfaces/modal-close-normal.webp') center/100% 100% no-repeat;z-index:-1}.dlgClose img{width:55%;height:55%;margin:auto}.dlgClose:active:before{background-image:url('../assets/ui/dialogs/surfaces/modal-close-pressed.webp')}.dlgClose:focus-visible:before{background-image:url('../assets/ui/dialogs/surfaces/modal-close-focus.webp')}.dlgClose:disabled:before{background-image:url('../assets/ui/dialogs/surfaces/modal-close-disabled.webp')}.dlgButtonRow{display:flex;gap:14px;align-items:stretch}.dlgButton{height:var(--btn-height);min-height:44px;min-width:88px;border:0;background:transparent;position:relative;isolation:isolate;font-size:clamp(17px,3.3vw,28px);font-weight:700;padding:12px 18px;flex:1;line-height:1.7}.dlgButton:disabled{color:#63798B}.dlgButtonArt{position:absolute;inset:0;display:grid;grid-template-columns:var(--cap) 1fr var(--cap);z-index:-1;pointer-events:none;direction:ltr}.dlgButtonArt img{width:100%;height:100%}.dlgPrimary{color:#fff}.dlgPrimary[data-accent=yellow]{color:#102E50}.dlgButton:active{transform:translateY(1px)}.dlgStatus{font-size:clamp(13px,1.8vw,16px);min-height:1.9em;margin-bottom:0!important}.dlgPoem{width:min(756px,100%);padding:clamp(92px,15vw,132px) clamp(34px,7.9vw,67px) clamp(58px,10.5vw,90px);text-align:center;min-height:620px}.dlgScroll{position:absolute;inset:0;z-index:-1;display:flex;flex-direction:column;pointer-events:none;--roll:clamp(42px,12.66vw,108px);direction:ltr}.dlgScrollTop,.dlgScrollBottom{width:100%;height:var(--roll);flex-shrink:0}.dlgScrollMiddle{flex:1;background:url('../assets/ui/dialogs/slices/poem-scroll-middle.webp') center/100% 100% no-repeat}.dlgCompletedGlow{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.dlgPoemHeading{position:relative;padding-bottom:20px}.dlgTitleWash{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:65%;height:clamp(60px,12vw,105px);z-index:-1}.dlgOrnament{width:80%;height:clamp(30px,5.6vw,48px);margin:0 auto 8px}.dlgPoemHeading h1{font-size:clamp(29px,4.9vw,42px);margin:0;line-height:1.6}.dlgPoemHeading p{font-size:clamp(13px,2.1vw,18px);color:var(--muted);margin:7px 0 0}.poem-lines{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,12px);padding:22px 0 27px;border-block:1px solid #c2a6653b;margin-top:18px;line-height:2}.pl-word,.dlgOrdinary{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:clamp(47px,10.3vw,88px);font-weight:700;font-size:clamp(18px,3.5vw,30px);padding:9px 19px;white-space:nowrap;isolation:isolate;max-width:100%;overflow-wrap:anywhere}.dlgOrdinary{font-weight:400;color:#7e8c95;padding:6px 3px;font-size:clamp(16px,3vw,25px)}.dlgWordArt{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:clamp(14px,3.3vw,28px) 1fr clamp(14px,3.3vw,28px);pointer-events:none;direction:ltr}.dlgWordArt img{width:100%;height:100%}.pl-word:not(.found){color:#657584}.dlgTiny{width:clamp(12px,2.1vw,18px);height:clamp(12px,2.1vw,18px);position:absolute;bottom:8px;inset-inline-start:4px;opacity:.7}.pl-word.found .dlgTiny{inset-inline-start:auto;inset-inline-end:5px;top:6px;bottom:auto}.dlgDots{display:flex;align-items:center;justify-content:center;gap:clamp(4px,1vw,8px)}.dlgDot{width:clamp(24px,5.6vw,48px);height:clamp(24px,5.6vw,48px)}.dlgProgressSection{padding:25px 0 18px}.dlgProgress{display:flex;align-items:center;gap:18px;margin:12px 0 0;direction:rtl}.dlgProgress b{font-size:clamp(14px,2.5vw,22px);white-space:nowrap}.dlgProgressRail{height:clamp(9px,2.35vw,20px);background:#e5e5d7;border-radius:99px;flex:1;overflow:hidden}.dlgProgressFill{height:100%;background:var(--accent);border-radius:99px;max-width:100%;margin-inline-end:auto}.dlgTargetsTitle{color:#937d4d;font-size:clamp(12px,2vw,17px);margin:10px 0 14px}.poem-words{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.dlgTarget{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;min-height:clamp(38px,7.5vw,64px);padding:8px 18px;font-size:clamp(13px,2.2vw,19px)}.dlgTarget img.dlgCheck{width:clamp(15px,2.7vw,23px)}.dlgPoemDesc{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:clamp(12px,2vw,17px);line-height:2;margin:24px 0}.dlgPoemDesc img{width:clamp(21px,3.4vw,29px);height:clamp(21px,3.4vw,29px)}#dlgPoemContinue{width:100%}.dlgSealArea{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:22px}.dlgSeal{width:clamp(86px,14vw,120px);height:clamp(96px,15.8vw,135px);background:url('../assets/ui/dialogs/parts/poem-complete-seal.webp') center/100% 100% no-repeat;display:grid;place-items:center;padding-bottom:25px}.dlgSeal span{font-size:clamp(23px,4.1vw,35px);font-weight:700;color:#886622}.dlgSealArea p{font-size:clamp(15px,2.6vw,22px);font-weight:700;color:#91722b}.dlgRibbon{background:transparent;border:0;position:relative;isolation:isolate;min-height:clamp(52px,12.2vw,104px);width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 26px;gap:16px;font-size:clamp(13px,2.6vw,22px);text-align:center}.dlgRibbon:before{content:'';position:absolute;inset:0;background:url('../assets/ui/dialogs/surfaces/poem-ribbon-normal-normal.webp') center/100% 100% no-repeat;z-index:-1}.dlgRibbon:active:before{background-image:url('../assets/ui/dialogs/surfaces/poem-ribbon-normal-pressed.webp')}.dlgRibbon:focus-visible:before{background-image:url('../assets/ui/dialogs/surfaces/poem-ribbon-normal-focus.webp')}.dlgRibbon:disabled:before{background-image:url('../assets/ui/dialogs/surfaces/poem-ribbon-normal-disabled.webp')}.dlgRibbon.complete:before{background-image:url('../assets/ui/dialogs/surfaces/poem-ribbon-complete-normal.webp')}.dlgRibbon.complete:active:before{background-image:url('../assets/ui/dialogs/surfaces/poem-ribbon-complete-pressed.webp')}.dlgRibbon.complete:focus-visible:before{background-image:url('../assets/ui/dialogs/surfaces/poem-ribbon-complete-focus.webp')}.dlgRibbon.complete:disabled:before{background-image:url('../assets/ui/dialogs/surfaces/poem-ribbon-complete-disabled.webp')}.dlgRibbon small{display:block;font-size:.6em;color:var(--muted)}.dlgRibbonQuill{width:clamp(44px,9vw,76px);height:clamp(44px,9vw,76px);border-radius:50%;background:#fffaf0c4;display:grid;place-items:center}.dlgRibbonQuill img{width:75%;height:75%}.dlgRibbon .dlgDots{flex:1;gap:2px}.dlgRibbon .dlgDot{width:clamp(20px,4.7vw,40px);height:clamp(20px,4.7vw,40px)}body[data-preview=true] .dlgDemoBar{display:none}@media(max-width:600px){.dlgButtonRow{flex-direction:column;gap:7px}.dlgExitDivider{margin:20px 0}.dlgExitArt{margin-bottom:12px}.dlgExit{min-height:380px}.dlgPoem{min-height:540px}.dlgGame{padding:16px}.dlgPlayers{gap:6px;font-size:13px}.dlgPlayers span{padding:20px 8px;border-radius:16px}.dlgCell{font-size:22px;border-radius:5px}.dlgHand{gap:6px}.dlgHand span{flex:1;min-width:0;text-align:center;font-size:22px;padding:12px 6px}.dlgGameTitle{font-size:17px}.dlgRibbon{padding:8px 16px;gap:8px}.dlgProgressSection{padding-top:17px}.dlgPoemDesc{margin:19px 0}.pl-word{padding:8px 14px}.dlgPoemHeading{padding-bottom:14px}.poem-lines{padding-block:16px;gap:6px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.dlgPane:focus{outline:none}

#game #bPoem.dlgRibbon{flex:none;width:100%;min-height:62px;height:62px;padding:2px 22px 2px 20px;gap:14px;font-size:24px;font-family:Vazirmatn,sans-serif;color:#102E50}
#game #bPoem .dlgRibbonQuill{width:50px;height:50px}
#game #bPoem .dlgDots{flex:1;gap:3px;justify-content:center}
#game #bPoem .dlgDot{width:30px;height:30px}
#game #bPoem small{font-size:17px;line-height:1.1}
#game #bPoem b{font-size:24px;line-height:1.2}
#game #bPoem>span:last-child{display:flex;flex-direction:column;align-items:center}
.dlgOverlay .dlgPane{--ink:#102E50}
.dlgButtonArt{grid-template-rows:100%;overflow:hidden}
#game .dlgPrimary{color:#fff}#game .dlgPrimary[data-accent=pink],#game .dlgPrimary[data-accent=yellow]{color:#102E50}#game .dlgSecondary,#game .dlgDanger{color:#102E50}
/* ---- انیمیشن‌ها (قطعه‌های بسته‌ی پنجره‌ها) ---- */
.dlgPoem:not([hidden]){animation:dlg-unroll .34s cubic-bezier(.3,.8,.3,1)}
@keyframes dlg-unroll{from{clip-path:inset(0 0 72% 0);opacity:.2}to{clip-path:inset(0 0 0 0);opacity:1}}
.dlgPoem.celebrate .dlgCompletedGlow{animation:dlg-glowin .5s ease-out}
.dlgPoem.celebrate .dlgSeal{animation:dlg-seal .4s cubic-bezier(.2,1.4,.4,1)}
@keyframes dlg-glowin{from{opacity:0}to{opacity:1}}
@keyframes dlg-seal{from{transform:translateY(-44px) scale(1.25);opacity:0}to{transform:none;opacity:1}}
.pl-word.new-found{animation:dlg-reveal .26s cubic-bezier(.2,1.3,.4,1)}
.pl-word.new-found::after{content:"";position:absolute;inset:-20px -34px;background:url('../assets/ui/dialogs/parts/word-reveal-glow.webp') center/100% 100% no-repeat;pointer-events:none;z-index:-1;animation:dlg-glow 1s ease-out forwards}
@keyframes dlg-reveal{from{transform:scale(.92)}to{transform:scale(1)}}
@keyframes dlg-glow{from{opacity:.95}to{opacity:0}}
.dlgDots img[src*="poem-dot-new"]{animation:dlg-dotnew .22s ease-out}
@keyframes dlg-dotnew{from{transform:scale(.55)}to{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.dlgPoem:not([hidden]),.dlgPoem.celebrate .dlgCompletedGlow,.dlgPoem.celebrate .dlgSeal,.pl-word.new-found,.pl-word.new-found::after,.dlgDots img{animation:none!important}}
.dlgWordArt{grid-template-rows:100%;overflow:hidden}