/* Desktop 英雄 / 敌人 / 地图详情. Every selector must start with .pg-details (optionally preceded by body.desktop-game / an element or id).
   Each panel is drawn on a fixed design canvas (1080p px) and scaled by one factor --pgd-k set by page-details.mjs, so the
   whole object grows/shrinks together and nothing reflows into an overlap. --u = 1 design px. Small text never drops below 12px. */

/* ───────── shared dialog shell (hero + enemy) ───────── */
body.desktop-game #hero-dialog.pg-details,body.desktop-game #enemy-dialog.pg-details{--u:calc(var(--pgd-k,1) * 1px);position:fixed;inset:auto;left:var(--pgd-x,0px);top:var(--pgd-y,0px);margin:0;padding:0;max-width:none;max-height:none;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;color:var(--uk-text);font:400 max(var(--uk-min,12px),calc(var(--u) * 17))/1.5 var(--uk-sans)}
body.desktop-game #hero-dialog.pg-details{width:calc(var(--u) * 1180);height:calc(var(--u) * 860)}
body.desktop-game #enemy-dialog.pg-details{width:calc(var(--u) * 1160);height:calc(var(--u) * 870)}
body.desktop-game #hero-dialog.pg-details::backdrop,body.desktop-game #enemy-dialog.pg-details::backdrop{background:radial-gradient(ellipse at 35% 50%,#03070cc4,#03070c8c 60%,#03070c66);backdrop-filter:blur(4px)}
/* In battle the board, squad strip and HP stay readable: a light dim only, no blur. */
body.desktop-game #hero-dialog.pg-details.pg-details-battle::backdrop,body.desktop-game #enemy-dialog.pg-details::backdrop{background:linear-gradient(90deg,#03070cb0,#03070c80 55%,#03070c4d);backdrop-filter:none}
body.desktop-game #hero-dialog.pg-details[open],body.desktop-game #enemy-dialog.pg-details[open]{animation:pg-details-rise .26s cubic-bezier(.2,.75,.25,1) both}
body.desktop-game #hero-dialog.pg-details>#hero-detail{position:absolute;inset:0;margin:0;padding:0;color:var(--uk-text)}
/* The dialogs' own × (data-close) becomes the kit's gold medallion. */
body.desktop-game #hero-dialog.pg-details>.modal-close,body.desktop-game #enemy-dialog.pg-details>.modal-close{position:absolute;z-index:20;right:0;top:0;display:grid;place-items:center;width:calc(var(--u) * 62);height:calc(var(--u) * 62);padding:0;border:0;border-radius:50%;background:url("./assets/pages/_kit/icon-medal.webp") center/contain no-repeat;color:#f1d896;font:700 calc(var(--u) * 30)/1 var(--uk-serif);filter:drop-shadow(0 3px 5px #000b);cursor:pointer;transition:transform .16s,filter .16s}
body.desktop-game #enemy-dialog.pg-details>.modal-close{right:calc(var(--u) * 6);top:calc(var(--u) * 6)}
body.desktop-game #hero-dialog.pg-details>.modal-close:hover,body.desktop-game #enemy-dialog.pg-details>.modal-close:hover{transform:scale(1.06);filter:brightness(1.12) drop-shadow(0 0 8px #ffd27a99)}
body.desktop-game #hero-dialog.pg-details>.modal-close:focus-visible,body.desktop-game #enemy-dialog.pg-details>.modal-close:focus-visible{outline:2px solid var(--uk-gold-hi);outline-offset:3px}

/* ───────── 英雄神龛石台 ───────── */
body.desktop-game .pg-details-hero{position:absolute;inset:0}
body.desktop-game .pg-details-aura{position:absolute;inset:-7% -6% -5% -6%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 26% 46%,color-mix(in srgb,var(--uk-el,#d4b477) 26%,transparent),transparent 70%),radial-gradient(ellipse 58% 60% at 50% 50%,#050a12d9,#050a1299 55%,transparent 78%)}
body.desktop-game .pg-details-shrine{position:absolute;z-index:2;left:0;top:0;width:calc(var(--u) * 500);height:calc(var(--u) * 681);margin:0}
body.desktop-game .pg-details-window{position:absolute;left:29.4%;top:13.9%;width:41%;height:65.8%;overflow:hidden;border-radius:50% 50% 0 0/24% 24% 0 0;background:radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--uk-el,#d4b477) 55%,#0b1622),#0b1622 70%)}
body.desktop-game .pg-details-portrait.collection-portrait{position:absolute;inset:0;height:auto;border-radius:0;background-color:transparent}
body.desktop-game .pg-details-sweep{position:absolute;inset:-10% -60%;background:linear-gradient(105deg,transparent 40%,#fff3d055 50%,transparent 60%);transform:translateX(-70%);animation:pg-details-sweep 1.1s .15s ease-out both;pointer-events:none}
body.desktop-game .pg-details-arch{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 calc(var(--u) * 14) calc(var(--u) * 18) #000c)}
body.desktop-game .pg-details-awaken.uk-ribbon{position:absolute;left:50%;top:9%;transform:translateX(-50%);z-index:3;min-width:calc(var(--u) * 150);font-size:max(var(--uk-min,12px),calc(var(--u) * 20));letter-spacing:.3em;filter:hue-rotate(160deg) saturate(1.5) brightness(1.05)}
body.desktop-game .pg-details-stars{position:absolute;left:0;right:0;top:71.5%;z-index:3;text-align:center;font-size:calc(var(--u) * 34);line-height:1}
body.desktop-game .pg-details-stars .uk-stars{letter-spacing:.02em;text-shadow:0 0 6px #000,0 2px 2px #000,0 0 14px #f0b43c88}
body.desktop-game .pg-details-shrine figcaption{position:absolute;z-index:3;left:0;right:0;top:84.5%;display:flex;justify-content:center}
body.desktop-game .pg-details-name.uk-nameplate{height:calc(var(--u) * 60);padding:0 calc(var(--u) * 26);border-width:calc(var(--u) * 11.3) calc(var(--u) * 58);border-image-width:calc(var(--u) * 11.3) calc(var(--u) * 58);font-size:max(14px,calc(var(--u) * 30));letter-spacing:.12em}
body.desktop-game .pg-details-medals{position:absolute;z-index:2;left:calc(var(--u) * 508);top:calc(var(--u) * 150);width:calc(var(--u) * 92);display:flex;flex-direction:column;gap:calc(var(--u) * 26)}
body.desktop-game .pg-details-medal{display:grid;place-items:center;width:calc(var(--u) * 92);height:calc(var(--u) * 92);background:url("./assets/pages/_kit/icon-medal.webp") center/contain no-repeat;filter:drop-shadow(0 4px 6px #000b)}
body.desktop-game .pg-details-medal b{font:700 max(var(--uk-min,12px),calc(var(--u) * 22))/1 var(--uk-serif);color:#f6e2a8;letter-spacing:.04em;text-shadow:0 1px 2px #000}
body.desktop-game .pg-details-medal .uk-gem{--uk-gs:calc(var(--u) * 58)}
body.desktop-game .pg-details-eyebrow{position:absolute;z-index:2;left:calc(var(--u) * 616);right:calc(var(--u) * 80);top:calc(var(--u) * 14);margin:0;font:700 max(var(--uk-min,12px),calc(var(--u) * 19))/1.5 var(--uk-serif);color:#e3d2a6;letter-spacing:.1em;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.desktop-game .pg-details-slab.uk-panel{--uk-pb:calc(var(--u) * 28);position:absolute;z-index:2;left:calc(var(--u) * 612);width:calc(var(--u) * 568);box-sizing:border-box;display:flex;align-items:center;gap:calc(var(--u) * 16);margin:0;padding:calc(var(--u) * 4) calc(var(--u) * 10);font-size:max(var(--uk-min,12px),calc(var(--u) * 18));filter:drop-shadow(0 calc(var(--u) * 8) calc(var(--u) * 14) #000a);animation:pg-details-rise .32s cubic-bezier(.2,.7,.2,1) both}
body.desktop-game .pg-details-skill.uk-panel{top:calc(var(--u) * 62);height:calc(var(--u) * 238)}
body.desktop-game .pg-details-leader.uk-panel{top:calc(var(--u) * 314);height:calc(var(--u) * 148);animation-delay:40ms}
body.desktop-game .pg-details-stats.uk-panel{top:calc(var(--u) * 476);height:calc(var(--u) * 112);justify-content:space-around;animation-delay:80ms}
body.desktop-game .pg-details-slab-icon{flex:none;display:grid;place-items:center;width:calc(var(--u) * 64);height:calc(var(--u) * 64);border-radius:50%;background:radial-gradient(circle,#2a2f37,#14181e 70%);box-shadow:0 0 0 calc(var(--u) * 3) #8a6a32,0 0 0 calc(var(--u) * 5) #f1d89655}
body.desktop-game .pg-details-slab-icon .uk-icon{--uk-is:calc(var(--u) * 44)}
body.desktop-game .pg-details-slab-body{flex:1;min-width:0}
body.desktop-game .pg-details-slab-body h3{margin:0 0 calc(var(--u) * 6);font:700 max(14px,calc(var(--u) * 30))/1.2 var(--uk-serif);letter-spacing:.06em;background:linear-gradient(180deg,var(--uk-title-a),var(--uk-title-b));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 1px #000)}
body.desktop-game .pg-details-leader .pg-details-slab-body h3{font-size:max(13px,calc(var(--u) * 25))}
body.desktop-game .pg-details-slab-body p{margin:0;font-size:max(var(--uk-min,12px),calc(var(--u) * 18.5));line-height:1.5;color:#efe8d6;text-shadow:0 1px 2px #000}
body.desktop-game .pg-details-slab-body small{display:block;margin-top:calc(var(--u) * 7);font-size:max(var(--uk-min,12px),calc(var(--u) * 16));color:#c9d2d6;letter-spacing:.04em}
body.desktop-game .pg-details-dial{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(var(--u) * 124);height:calc(var(--u) * 124);border-radius:50%;background:url("./assets/pages/details/dial-skill.webp") center/contain no-repeat;filter:drop-shadow(0 4px 6px #000b)}
body.desktop-game .pg-details-dial b{font:700 calc(var(--u) * 40)/1 var(--uk-serif);color:#f6e2a8;text-shadow:0 2px 3px #000;font-variant-numeric:tabular-nums}
body.desktop-game .pg-details-dial.is-ready b{font-size:calc(var(--u) * 30);color:#fff1c9;text-shadow:0 0 10px #ffd27a,0 2px 3px #000}
body.desktop-game .pg-details-dial small{margin-top:calc(var(--u) * 2);font:700 max(var(--uk-min,12px),calc(var(--u) * 15))/1 var(--uk-serif);color:#d9c9a0}
body.desktop-game .pg-details-sklv{position:absolute;left:50%;bottom:calc(var(--u) * -14);transform:translateX(-50%);display:flex;gap:calc(var(--u) * 4)}
body.desktop-game .pg-details-sklv i{width:calc(var(--u) * 14);height:calc(var(--u) * 14);border-radius:50%;background:radial-gradient(circle at 35% 30%,#4d5560,#1a1f26);box-shadow:0 0 0 calc(var(--u) * 1.5) #8a6a32}
body.desktop-game .pg-details-sklv i.on{background:radial-gradient(circle at 35% 30%,#fff3c8,#e8c45a 45%,#8a6a32);box-shadow:0 0 0 calc(var(--u) * 1.5) #f1d896,0 0 calc(var(--u) * 6) #f1d896aa}
/* Icon beside the number (the slab is too short for icon + number + label stacked): icon spans two rows, number over label. */
body.desktop-game .pg-details-stats.uk-panel{--uk-pb:calc(var(--u) * 22);padding-block:0}
body.desktop-game .pg-details-stats .uk-stat{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:calc(var(--u) * 10);row-gap:calc(var(--u) * 3)}
body.desktop-game .pg-details-stats .uk-stat>.uk-icon{grid-row:1/3}
body.desktop-game .pg-details-stats .uk-stat>b{grid-column:2;line-height:1}
body.desktop-game .pg-details-stats .uk-stat>small{grid-column:2;line-height:1.1;margin:0}
body.desktop-game .pg-details-stats .uk-icon{--uk-is:calc(var(--u) * 46)}
body.desktop-game .pg-details-stats .uk-stat b{font-size:calc(var(--u) * 32)}
body.desktop-game .pg-details-stats .uk-stat small{font-size:max(var(--uk-min,12px),calc(var(--u) * 16));color:#cdd5d8}
body.desktop-game .pg-details-cast{position:absolute;z-index:3;left:calc(var(--u) * 612);width:calc(var(--u) * 568);top:calc(var(--u) * 604);height:calc(var(--u) * 84);display:flex;align-items:center;justify-content:center}
body.desktop-game .pg-details-cast #use-skill.uk-btn{--uk-bh:calc(var(--u) * 78);width:auto;min-width:calc(var(--u) * 330);max-width:100%;gap:0;font-size:max(14px,calc(var(--u) * 27))!important}
body.desktop-game .pg-details-hero:not(.is-ready) #use-skill.uk-btn{font-size:max(13px,calc(var(--u) * 22))!important;letter-spacing:.06em}
body.desktop-game .pg-details-cast #use-skill.pg-details-sealed-btn::before{content:"";flex:none;width:calc(var(--u) * 44);height:calc(var(--u) * 44);margin-right:calc(var(--u) * 10);background:url("./assets/pages/_kit/mech-skillLock.webp") center/contain no-repeat;filter:grayscale(.3) drop-shadow(0 1px 1px #0008)}
body.desktop-game .pg-details-members{position:absolute;z-index:3;left:0;right:0;top:calc(var(--u) * 726);height:calc(var(--u) * 128);display:flex;justify-content:center;align-items:center;gap:calc(var(--u) * 34)}
body.desktop-game .pg-details-member{position:relative;flex:none;width:calc(var(--u) * 100);height:calc(var(--u) * 100);margin:0;padding:0;border:calc(var(--u) * 5) solid transparent;border-radius:50%;background:radial-gradient(circle,#13202c,#0b1622) padding-box,conic-gradient(from 210deg,#8a6a32,#f1d896,#b48a43,#f6e2a8,#8a6a32) border-box;box-shadow:0 calc(var(--u) * 6) calc(var(--u) * 12) #000b;cursor:pointer;transition:transform .18s ease,filter .18s ease}
body.desktop-game .pg-details-member-art.collection-portrait{position:absolute;inset:0;height:auto;border-radius:50%;overflow:hidden;background-color:transparent}
body.desktop-game .pg-details-member .pg-details-member-gem.uk-gem{--uk-gs:calc(var(--u) * 34);position:absolute;right:calc(var(--u) * -8);bottom:calc(var(--u) * -6)}
body.desktop-game .pg-details-member small{position:absolute;left:50%;bottom:calc(var(--u) * -22);transform:translateX(-50%);padding:0 calc(var(--u) * 8);border-radius:calc(var(--u) * 4);background:#0b1622e6;box-shadow:0 0 0 1px #8a6a32;color:#f1d896;font:700 max(var(--uk-min,12px),calc(var(--u) * 15))/1.5 var(--uk-serif);white-space:nowrap}
body.desktop-game .pg-details-member:hover{transform:translateY(-3px);filter:brightness(1.12)}
body.desktop-game .pg-details-member.is-current{transform:scale(1.14);box-shadow:0 0 0 calc(var(--u) * 3) #f1d896,0 0 calc(var(--u) * 22) calc(var(--u) * 4) #f1d89688,0 calc(var(--u) * 6) calc(var(--u) * 12) #000b}
body.desktop-game .pg-details-member:focus-visible{outline:2px solid var(--uk-gold-hi);outline-offset:4px}

/* ───────── 敌人：怪物图鉴的一页 ───────── */
body.desktop-game #enemy-dialog.pg-details>#enemy-detail-title{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
body.desktop-game #enemy-dialog.pg-details>#enemy-detail-content{position:absolute;inset:0;margin:0;padding:0}
body.desktop-game .pg-details-bestiary{position:absolute;left:0;top:0;width:calc(var(--u) * 1160);height:calc(var(--u) * 815);box-sizing:border-box;color:#3b2716;font:400 max(var(--uk-min,12px),calc(var(--u) * 17))/1.5 var(--uk-sans)}
body.desktop-game .pg-details-bestiary::before{content:"";position:absolute;inset:0;z-index:0;border-style:solid;border-color:transparent;border-width:calc(var(--u) * 110);border-image:url("./assets/pages/details/page.webp") 330 fill/calc(var(--u) * 110) stretch;filter:drop-shadow(0 calc(var(--u) * 18) calc(var(--u) * 30) #000d);pointer-events:none;transform-origin:left center;animation:pg-details-unfold .34s cubic-bezier(.2,.75,.25,1) both}
body.desktop-game .pg-details-bestiary>*{z-index:1}
body.desktop-game .pg-details-head{position:absolute;left:calc(var(--u) * 82);right:calc(var(--u) * 86);top:calc(var(--u) * 66);height:calc(var(--u) * 126);display:flex;align-items:flex-start;gap:calc(var(--u) * 20)}
body.desktop-game .pg-details-wax{position:relative;flex:none;display:grid;place-items:center;width:calc(var(--u) * 118);height:calc(var(--u) * 118);margin-top:calc(var(--u) * -6);background:url("./assets/pages/_kit/icon-wax.webp") center/contain no-repeat;filter:drop-shadow(0 3px 4px #0008);animation:pg-details-stamp .42s .12s cubic-bezier(.3,1.6,.5,1) both}
body.desktop-game .pg-details-wax b{font:700 calc(var(--u) * 48)/1 var(--uk-serif);color:#6b0f0c;text-shadow:0 1px 0 #ff8a7a66,0 -1px 0 #2b0302aa}
body.desktop-game .pg-details-title{flex:1;min-width:0;padding-top:calc(var(--u) * 4)}
body.desktop-game .pg-details-nameline{display:flex;align-items:center;gap:calc(var(--u) * 14);height:calc(var(--u) * 60)}
body.desktop-game .pg-details-ename{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 calc(var(--u) * 46)/1.15 var(--uk-serif);letter-spacing:.06em;color:#2a160b;text-shadow:0 1px 0 #f6e7c6}
body.desktop-game .pg-details-banner{flex:none;display:grid;place-items:start center;width:calc(var(--u) * 46);height:calc(var(--u) * 100);margin-top:calc(var(--u) * 34);padding-top:calc(var(--u) * 14);box-sizing:border-box;background:url("./assets/pages/details/banner.webp") center top/100% 100% no-repeat;filter:drop-shadow(0 3px 3px #0007)}
body.desktop-game .pg-details-banner b{writing-mode:vertical-rl;font:700 max(var(--uk-min,12px),calc(var(--u) * 20))/1 var(--uk-serif);color:#ffe9c4;letter-spacing:.2em;text-shadow:0 1px 2px #3a0000}
body.desktop-game .pg-details-egem.uk-gem{--uk-gs:calc(var(--u) * 46)}
/* Boss bar after the souls-like boss HUD: a long, thin bar right under the name, gold hairline, dark crimson fill. */
body.desktop-game .pg-details-hpbar{position:relative;height:calc(var(--u) * 14);margin-top:calc(var(--u) * 8);margin-right:calc(var(--u) * 60);border-radius:calc(var(--u) * 2);background:linear-gradient(#1a0d08,#2c1610);box-shadow:inset 0 0 0 1px #0009,0 0 0 calc(var(--u) * 1.5) #b48a43,0 0 0 calc(var(--u) * 3) #2a160b88;overflow:hidden}
body.desktop-game .pg-details-hpbar i{position:absolute;inset:calc(var(--u) * 2);border-radius:1px;transform-origin:left center;background:linear-gradient(180deg,#d8443a,#8f1410 60%,#5f0b08);box-shadow:inset 0 1px 0 #ff9b8a77}
body.desktop-game .pg-details-hpbar.is-boss{height:calc(var(--u) * 16);margin-right:calc(var(--u) * 10)}
body.desktop-game .pg-details-hpbar.is-boss::before,body.desktop-game .pg-details-hpbar.is-boss::after{content:"";position:absolute;top:50%;z-index:1;width:calc(var(--u) * 10);height:calc(var(--u) * 10);background:#f1d896;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 calc(var(--u) * 6) #f1d896}
body.desktop-game .pg-details-hpbar.is-boss::before{left:calc(var(--u) * -3)}body.desktop-game .pg-details-hpbar.is-boss::after{right:calc(var(--u) * -3)}
body.desktop-game .pg-details-vitals{display:flex;justify-content:space-between;gap:calc(var(--u) * 16);margin:calc(var(--u) * 8) calc(var(--u) * 10) 0 0;font:700 max(var(--uk-min,12px),calc(var(--u) * 18))/1.3 var(--uk-serif);color:#4a2e17;font-variant-numeric:tabular-nums}
body.desktop-game .pg-details-def{display:inline-flex;align-items:center;gap:calc(var(--u) * 6)}

body.desktop-game .pg-details-plate{position:absolute;left:calc(var(--u) * 92);top:calc(var(--u) * 206);width:calc(var(--u) * 336);height:calc(var(--u) * 396);margin:0}
body.desktop-game .pg-details-frame{position:absolute;inset:0;overflow:hidden;border-radius:50% 50% calc(var(--u) * 8) calc(var(--u) * 8)/26% 26% calc(var(--u) * 8) calc(var(--u) * 8);background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--uk-el,#d4b477) 45%,#1a1410),#120c09 75%);box-shadow:inset 0 0 calc(var(--u) * 30) #000c,0 0 0 calc(var(--u) * 5) #b48a43,0 0 0 calc(var(--u) * 8) #5a3f1d,0 0 0 calc(var(--u) * 10) #e6c88a,0 calc(var(--u) * 10) calc(var(--u) * 20) calc(var(--u) * 10) #2a160b66}
body.desktop-game .pg-details-frame img{position:absolute;display:block;max-width:none;max-height:none;width:100%;height:100%;object-fit:cover}
body.desktop-game .pg-details-bestiary.is-boss .pg-details-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#120c09e6,transparent 30%),radial-gradient(ellipse at 50% 0%,#ffe7a833,transparent 55%)}
/* Boss plate: drifting embers and ash over the portrait (souls-like boss presence); transform-only, off for reduced motion. */
body.desktop-game .pg-details-bestiary.is-boss .pg-details-frame::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + var(--u) * 180);z-index:1;pointer-events:none;opacity:.7;background-image:radial-gradient(circle,#ffd9a0 0 calc(var(--u) * 1.6),transparent calc(var(--u) * 2.6)),radial-gradient(circle,#ff9a5a 0 calc(var(--u) * 1.2),transparent calc(var(--u) * 2.2)),radial-gradient(circle,#e8e0d0aa 0 calc(var(--u) * 1),transparent calc(var(--u) * 2));background-size:calc(var(--u) * 110) calc(var(--u) * 180),calc(var(--u) * 150) calc(var(--u) * 180),calc(var(--u) * 70) calc(var(--u) * 90);background-position:calc(var(--u) * 20) calc(var(--u) * 30),calc(var(--u) * 90) calc(var(--u) * 120),calc(var(--u) * 40) calc(var(--u) * 10);animation:pg-details-ash 11s linear infinite}
body.desktop-game .pg-details-bestiary.is-defeated .pg-details-frame::before{display:none}
body.desktop-game .pg-details-bestiary.is-defeated .pg-details-frame img{filter:grayscale(.85) brightness(.6) sepia(.3)}
body.desktop-game .pg-details-overstamp{position:absolute;left:50%;top:48%;display:grid;place-items:center;width:calc(var(--u) * 210);height:calc(var(--u) * 210);transform:translate(-50%,-50%) rotate(-14deg);animation:pg-details-stamp .4s cubic-bezier(.3,1.6,.5,1) both}
body.desktop-game .pg-details-overstamp img{position:absolute;inset:0;width:100%;height:100%}
body.desktop-game .pg-details-overstamp b{font:700 calc(var(--u) * 50)/1 var(--uk-serif);color:#b3211c;letter-spacing:.08em;text-shadow:0 0 2px #fff4}
body.desktop-game .pg-details-priority{position:absolute;right:calc(var(--u) * -14);top:calc(var(--u) * -10);display:grid;place-items:center;width:calc(var(--u) * 92);height:calc(var(--u) * 92)}
body.desktop-game .pg-details-priority img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--u) * 6) #ffd27a)}
body.desktop-game .pg-details-priority b{position:relative;padding:0 calc(var(--u) * 6);border-radius:calc(var(--u) * 4);background:#2a160bdd;color:#ffe7a8;font:700 max(var(--uk-min,12px),calc(var(--u) * 16))/1.4 var(--uk-serif);white-space:nowrap}
body.desktop-game .pg-details-threat{position:absolute;left:calc(var(--u) * 474);right:calc(var(--u) * 86);top:calc(var(--u) * 204);height:calc(var(--u) * 148);display:flex;align-items:flex-start;justify-content:space-around;gap:calc(var(--u) * 12)}
body.desktop-game .pg-details-threat>div{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 6);min-width:0}
body.desktop-game .pg-details-threat p{margin:0;font:700 max(var(--uk-min,12px),calc(var(--u) * 19))/1.3 var(--uk-serif);color:#3b2716;white-space:nowrap}
body.desktop-game .pg-details-threat p b{font-size:calc(var(--u) * 24);color:#8f1410;font-variant-numeric:tabular-nums}
body.desktop-game .pg-details-countdial{position:relative;display:grid;place-items:center;width:calc(var(--u) * 112);height:calc(var(--u) * 112)}
body.desktop-game .pg-details-countdial img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 5px #0008);animation:pg-details-tick .7s .1s cubic-bezier(.3,1.4,.5,1) both}
body.desktop-game .pg-details-countdial b{position:relative;font:700 calc(var(--u) * 52)/1 var(--uk-serif);color:#f6e2a8;text-shadow:0 2px 3px #000,0 0 10px #000a;font-variant-numeric:tabular-nums}
body.desktop-game .pg-details-damage img,body.desktop-game .pg-details-lethal img{width:calc(var(--u) * 92);height:calc(var(--u) * 92);margin:calc(var(--u) * 10) 0 calc(var(--u) * 4);object-fit:contain;filter:drop-shadow(0 4px 5px #0008)}
body.desktop-game .pg-details-lethal p{color:#9b1712}
body.desktop-game .pg-details-threat.is-defeated{align-items:center;justify-content:center;gap:calc(var(--u) * 20)}
body.desktop-game .pg-details-defeated{font-size:max(13px,calc(var(--u) * 26))!important;color:#8f1410!important}
body.desktop-game .pg-details-runes{position:absolute;left:calc(var(--u) * 474);right:calc(var(--u) * 86);top:calc(var(--u) * 362);height:calc(var(--u) * 240);display:flex;flex-direction:column;gap:calc(var(--u) * 6)}
body.desktop-game .pg-details-runegrid{display:flex;justify-content:center;gap:calc(var(--u) * 16);height:calc(var(--u) * 128);flex:none}
body.desktop-game .pg-details-rune{position:relative;flex:0 1 calc(var(--u) * 110);min-width:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 4);margin:0;padding:0;border:0;background:none;color:#3b2716;cursor:pointer;transition:transform .16s ease}
body.desktop-game .pg-details-tile{position:relative;display:grid;place-items:center;width:calc(var(--u) * 84);height:calc(var(--u) * 84);background:url("./assets/pages/details/tile.webp") center/contain no-repeat;filter:drop-shadow(0 4px 4px #0007)}
body.desktop-game .pg-details-tile>.uk-mech{width:76%;height:76%;filter:drop-shadow(0 2px 2px #000a)}
body.desktop-game .pg-details-rune b{max-width:100%;font:700 max(var(--uk-min,12px),calc(var(--u) * 17))/1.2 var(--uk-serif);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.desktop-game .pg-details-mark{position:absolute;top:calc(var(--u) * -6);right:calc(var(--u) * 2);display:grid;place-items:center;width:calc(var(--u) * 30);height:calc(var(--u) * 30);border-radius:50%;font:700 max(var(--uk-min,12px),calc(var(--u) * 17))/1 var(--uk-serif);font-style:normal;color:#fff;box-shadow:0 2px 3px #0008}
body.desktop-game .pg-details-mark.is-met{background:radial-gradient(circle at 35% 30%,#8fe39a,#2f8a45)}
body.desktop-game .pg-details-mark.is-open{background:radial-gradient(circle at 35% 30%,#e0584a,#7a1410)}
body.desktop-game button.pg-details-rune:hover,body.desktop-game .pg-details-rune[aria-pressed="true"]{transform:translateY(-4px)}
body.desktop-game .pg-details-rune[aria-pressed="true"] .pg-details-tile{filter:drop-shadow(0 0 calc(var(--u) * 8) #e8a83a) drop-shadow(0 4px 4px #0007)}
body.desktop-game .pg-details-rune:focus-visible{outline:2px solid #8f1410;outline-offset:3px}
body.desktop-game .pg-details-reading{flex:1;min-height:0;position:relative;border-radius:calc(var(--u) * 6);background:linear-gradient(90deg,transparent,#5a3a1a1f 12%,#5a3a1a26 50%,#5a3a1a1f 88%,transparent)}
body.desktop-game .pg-details-runetext{position:absolute;inset:0;margin:0;padding:calc(var(--u) * 6) calc(var(--u) * 16);display:flex;flex-direction:column;justify-content:center;gap:calc(var(--u) * 3);font-size:max(var(--uk-min,12px),calc(var(--u) * 16.5));line-height:1.38;color:#3b2716}
body.desktop-game .pg-details-runetext[hidden]{display:none}
body.desktop-game .pg-details-runetext b{font:700 max(var(--uk-min,12px),calc(var(--u) * 18))/1.3 var(--uk-serif);color:#5c2410}
body.desktop-game .pg-details-runetext.is-met b{color:#2f6b3a}
body.desktop-game .pg-details-runehead{display:flex;align-items:baseline;justify-content:space-between;gap:calc(var(--u) * 12)}
body.desktop-game .pg-details-runebody{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.desktop-game .pg-details-runetext small{flex:none;font:700 max(var(--uk-min,12px),calc(var(--u) * 15))/1.3 var(--uk-serif);color:#7a3a1a;white-space:nowrap}
body.desktop-game .pg-details-runetext.is-met small{color:#2f6b3a}
body.desktop-game .pg-details-runetext.pg-details-calm{align-items:center;text-align:center;font:700 max(13px,calc(var(--u) * 20))/1.4 var(--uk-serif);color:#4a2e17}
body.desktop-game .pg-details-rune.is-plain{cursor:default}
body.desktop-game .pg-details-phase{position:absolute;left:calc(var(--u) * 84);right:calc(var(--u) * 84);top:calc(var(--u) * 606);height:calc(var(--u) * 92);display:flex;align-items:center;gap:calc(var(--u) * 16);padding:calc(var(--u) * 4) calc(var(--u) * 28) 0 calc(var(--u) * 8);box-sizing:border-box;background:url("./assets/pages/details/ember-strip.webp") center/100% 100% no-repeat;color:#f3e3c2;filter:drop-shadow(0 4px 6px #0008)}
body.desktop-game .pg-details-wax.is-phase{width:calc(var(--u) * 92);height:calc(var(--u) * 92);margin:0}
body.desktop-game .pg-details-wax.is-phase b{font-size:calc(var(--u) * 40)}
body.desktop-game .pg-details-phase.is-active .pg-details-wax.is-phase{filter:drop-shadow(0 0 calc(var(--u) * 10) #ff7a3a) brightness(1.15)}
body.desktop-game .pg-details-phase-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
body.desktop-game .pg-details-phase-text p{display:flex;align-items:baseline;gap:calc(var(--u) * 14);margin:0 0 calc(var(--u) * 3);min-width:0}
body.desktop-game .pg-details-phase-text small{flex:none;font:700 max(var(--uk-min,12px),calc(var(--u) * 15))/1.3 var(--uk-serif);color:#ffc77a;letter-spacing:.12em;text-shadow:0 1px 2px #000}
body.desktop-game .pg-details-phase-text strong{font:700 max(13px,calc(var(--u) * 24))/1.25 var(--uk-serif);color:#ffe9c4;text-shadow:0 1px 2px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.desktop-game .pg-details-phase-text span{font-size:max(var(--uk-min,12px),calc(var(--u) * 15));line-height:1.3;color:#f0e2c6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px #000}
body.desktop-game .pg-details-phase-runes{flex:none;display:flex;gap:calc(var(--u) * 10)}
body.desktop-game .pg-details-minirune{display:flex;flex-direction:column;align-items:center;width:calc(var(--u) * 78)}
body.desktop-game .pg-details-minirune>.uk-mech{width:calc(var(--u) * 44);height:calc(var(--u) * 44);filter:drop-shadow(0 2px 3px #000)}
body.desktop-game .pg-details-minirune small{max-width:100%;font:700 max(var(--uk-min,12px),calc(var(--u) * 14))/1.2 var(--uk-serif);color:#ffe9c4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}
body.desktop-game .pg-details-order{position:absolute;left:calc(var(--u) * 92);right:calc(var(--u) * 92);top:calc(var(--u) * 636);height:calc(var(--u) * 70);margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font:400 max(var(--uk-min,12px),calc(var(--u) * 16.5))/1.3 var(--uk-sans);color:#4a2e17;overflow:hidden}
body.desktop-game .pg-details-bestiary.has-phase .pg-details-order{top:calc(var(--u) * 700);height:calc(var(--u) * 52)}
body.desktop-game .pg-details-order b{font:700 max(var(--uk-min,12px),calc(var(--u) * 17))/1.3 var(--uk-serif);color:#8f1410;margin-right:calc(var(--u) * 12)}
body.desktop-game .pg-details-actions{position:absolute;left:calc(var(--u) * 140);right:calc(var(--u) * 140);top:calc(var(--u) * 770);height:calc(var(--u) * 92);display:flex;justify-content:center;align-items:center;gap:calc(var(--u) * 30)}
body.desktop-game .pg-details-actions:empty{display:none}
body.desktop-game .pg-details-actions>.uk-btn{--uk-bh:calc(var(--u) * 80);width:auto;min-width:calc(var(--u) * 330);max-width:50%;margin:0;gap:0;font-size:max(14px,calc(var(--u) * 26))!important}
body.desktop-game .pg-details-actions>.uk-btn--primary::before{content:"";flex:none;width:calc(var(--u) * 34);height:calc(var(--u) * 34);margin-right:calc(var(--u) * 10);background:url("./assets/pages/details/reticle.webp") center/contain no-repeat;filter:brightness(.55) sepia(.6)}

/* ───────── 世界地图：挂在铁链上的石碑 ───────── */
body.desktop-game #world-destination.pg-details{--u:calc(var(--pgd-k,1) * 1px);position:absolute;left:var(--pgd-x,auto);top:var(--pgd-y,0px);right:auto;bottom:auto;transform:none;z-index:6;width:calc(var(--u) * 330);max-height:none;margin:0;padding:0;overflow:visible;border:0;background:none;box-shadow:none;color:var(--uk-text)}
body.desktop-game #world-destination.pg-details .pg-details-tablet{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 9);padding:calc(var(--u) * 132) calc(var(--u) * 40) calc(var(--u) * 48);text-align:center;transform-origin:50% 0}
body.desktop-game #world-destination.pg-details .pg-details-tablet::before{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-color:transparent;border-width:calc(var(--u) * 165) calc(var(--u) * 88) calc(var(--u) * 85);border-image:url("./assets/pages/details/tablet.webp") 470 250 240 fill/calc(var(--u) * 165) calc(var(--u) * 88) calc(var(--u) * 85) stretch;filter:drop-shadow(0 calc(var(--u) * 16) calc(var(--u) * 22) #000b);pointer-events:none}
body.desktop-game #world-destination.pg-details .pg-details-tablet::after{content:"";position:absolute;left:50%;top:calc(var(--u) * 94);width:calc(var(--u) * 54);height:calc(var(--u) * 54);transform:translate(-50%,-50%) scale(.6);border-radius:50%;background:radial-gradient(circle,#bfe1ffcc,#3d8fe066 45%,transparent 70%);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
body.desktop-game #world-destination.pg-details.is-pinned .pg-details-tablet::after{opacity:1;transform:translate(-50%,-50%) scale(1)}
body.desktop-game #world-destination.pg-details .pg-details-chains{position:absolute;left:0;right:0;top:0;height:0;z-index:-2;pointer-events:none}
body.desktop-game #world-destination.pg-details .pg-details-chains i{position:absolute;bottom:calc(var(--u) * -52);width:calc(var(--u) * 15);height:calc(var(--pgd-chain,0px) + var(--u) * 52);background:url("./assets/pages/details/chain.webp") center bottom/100% auto repeat-y;filter:drop-shadow(0 2px 2px #000a)}
body.desktop-game #world-destination.pg-details .pg-details-chains i:first-child{left:calc(17.7% - var(--u) * 7.5)}
body.desktop-game #world-destination.pg-details .pg-details-chains i:last-child{left:calc(81.6% - var(--u) * 7.5)}
body.desktop-game #world-destination.pg-details .pg-details-close.uk-round{--uk-rs:calc(var(--u) * 44);position:absolute;right:calc(var(--u) * 6);top:calc(var(--u) * 70);z-index:2}
body.desktop-game #world-destination.pg-details .pg-details-sub.uk-ribbon{max-width:100%;box-sizing:border-box;font-size:max(var(--uk-min,12px),calc(var(--u) * 16));letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis}
body.desktop-game #world-destination.pg-details .pg-details-place{margin:0;font:700 calc(var(--u) * 36)/1.15 var(--uk-serif);letter-spacing:.12em;text-indent:.12em;background:linear-gradient(180deg,#fff3cf,#e2c27d);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 2px #000c);white-space:nowrap}
body.desktop-game #world-destination.pg-details .pg-details-portal{position:relative;width:100%;aspect-ratio:16/9.4;overflow:hidden;border-radius:46% 46% calc(var(--u) * 6) calc(var(--u) * 6)/34% 34% calc(var(--u) * 6) calc(var(--u) * 6);background:radial-gradient(ellipse at 50% 60%,#2a4a66,#0b1622 75%);box-shadow:inset 0 0 calc(var(--u) * 18) #000c,0 0 0 calc(var(--u) * 3) #b48a43,0 0 0 calc(var(--u) * 5) #2a2f37,0 0 0 calc(var(--u) * 6.5) #e6c88a}
body.desktop-game #world-destination.pg-details .pg-details-sealed{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#26313d,#0b1219 70%),radial-gradient(ellipse at 30% 30%,#ffffff12,transparent 50%)}
body.desktop-game #world-destination.pg-details .pg-details-sealed img{width:86%;transform:translateY(-12%);filter:drop-shadow(0 4px 5px #000c) brightness(.9)}
body.desktop-game #world-destination.pg-details .pg-details-subline{display:block;margin-top:calc(var(--u) * -6);font:700 max(var(--uk-min,12px),calc(var(--u) * 15))/1.3 var(--uk-serif);color:#cfe0ee;letter-spacing:.12em;text-wrap:balance;text-shadow:0 1px 2px #000}
body.desktop-game #world-destination.pg-details .pg-details-story{margin:0;text-wrap:balance;font-size:max(var(--uk-min,12px),calc(var(--u) * 16));line-height:1.5;color:#e6ecf2;text-shadow:0 1px 2px #000}
body.desktop-game #world-destination.pg-details .pg-details-guardian{display:flex;align-items:center;gap:calc(var(--u) * 12);width:100%;text-align:left}
body.desktop-game #world-destination.pg-details .pg-details-guardian-art{flex:none;width:calc(var(--u) * 62);height:calc(var(--u) * 62);border-radius:50%;background:#0b1622;box-shadow:0 0 0 calc(var(--u) * 3) #b48a43,0 0 0 calc(var(--u) * 5) #2a2f37,0 0 calc(var(--u) * 12) #3d8fe066}
body.desktop-game #world-destination.pg-details .pg-details-guardian small{display:block;font-size:max(var(--uk-min,12px),calc(var(--u) * 14));color:#c4d2dc}
body.desktop-game #world-destination.pg-details .pg-details-guardian strong{display:block;font:700 max(13px,calc(var(--u) * 20))/1.3 var(--uk-serif);color:#f6e2a8;text-shadow:0 1px 2px #000}
body.desktop-game #world-destination.pg-details .pg-details-progress{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 4);width:100%}
body.desktop-game #world-destination.pg-details .pg-details-progress small{font:700 max(var(--uk-min,12px),calc(var(--u) * 15))/1.2 var(--uk-serif);color:#cfdae3;letter-spacing:.12em}
body.desktop-game #world-destination.pg-details .pg-details-progress>div{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 10);width:100%}
body.desktop-game #world-destination.pg-details .pg-details-progress b{color:#f6e2a8;font-size:max(13px,calc(var(--u) * 20));font-variant-numeric:tabular-nums;white-space:nowrap}
body.desktop-game #world-destination.pg-details .pg-details-sockets{display:flex;gap:calc(var(--u) * 5)}
body.desktop-game #world-destination.pg-details .pg-details-sockets i{width:calc(var(--u) * 28);height:calc(var(--u) * 28);background:url("./assets/pages/details/socket.webp") center/contain no-repeat}
body.desktop-game #world-destination.pg-details .pg-details-sockets.is-many{gap:calc(var(--u) * 3)}
body.desktop-game #world-destination.pg-details .pg-details-sockets.is-many i{width:calc(var(--u) * 21);height:calc(var(--u) * 21)}
body.desktop-game #world-destination.pg-details .pg-details-sockets i.is-lit{background-image:url("./assets/pages/details/socket-lit.webp");filter:drop-shadow(0 0 calc(var(--u) * 5) #6fb2ff)}
body.desktop-game #world-destination.pg-details .tone-fire .pg-details-sockets i.is-lit{filter:hue-rotate(160deg) saturate(1.4) drop-shadow(0 0 calc(var(--u) * 5) #e2552f)}
body.desktop-game #world-destination.pg-details .tone-wood .pg-details-sockets i.is-lit{filter:hue-rotate(-95deg) saturate(1.2) drop-shadow(0 0 calc(var(--u) * 5) #3fae5a)}
body.desktop-game #world-destination.pg-details .tone-light .pg-details-sockets i.is-lit,body.desktop-game #world-destination.pg-details .tone-gold .pg-details-sockets i.is-lit{filter:hue-rotate(195deg) saturate(1.6) brightness(1.15) drop-shadow(0 0 calc(var(--u) * 5) #e8c45a)}
body.desktop-game #world-destination.pg-details .tone-dark .pg-details-sockets i.is-lit{filter:hue-rotate(45deg) saturate(1.3) drop-shadow(0 0 calc(var(--u) * 5) #9b5bd6)}
body.desktop-game #world-destination.pg-details .pg-details-track{position:relative;flex:1;max-width:calc(var(--u) * 120);height:calc(var(--u) * 8);border-radius:calc(var(--u) * 4);background:#0b1622;box-shadow:0 0 0 1px #b48a43;overflow:hidden}
body.desktop-game #world-destination.pg-details .pg-details-track i{position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,#b48a43,#f1d896)}
body.desktop-game #world-destination.pg-details .pg-details-go.uk-btn,body.desktop-game #world-destination.pg-details .uk-btn-wrap .uk-btn{--uk-bh:calc(var(--u) * 58);min-width:calc(var(--u) * 210);font-size:max(13px,calc(var(--u) * 21))!important}
body.desktop-game #world-destination.pg-details .uk-btn-reason{font-size:max(var(--uk-min,12px),calc(var(--u) * 14))}
body.desktop-game #world-destination.pg-details .pg-details-gate{display:block;text-wrap:balance;margin-top:calc(var(--u) * -2);font-size:max(var(--uk-min,12px),calc(var(--u) * 14));line-height:1.4;color:#f1c9a8;text-shadow:0 1px 2px #000}
body.desktop-game #world-destination.pg-details .is-sealed::before{filter:grayscale(.65) brightness(.72) drop-shadow(0 calc(var(--u) * 16) calc(var(--u) * 22) #000b)}
body.desktop-game #world-destination.pg-details.is-compact .pg-details-portal,body.desktop-game #world-destination.pg-details.is-compact .pg-details-story,body.desktop-game #world-destination.pg-details.is-mini .pg-details-portal,body.desktop-game #world-destination.pg-details.is-mini .pg-details-story,body.desktop-game #world-destination.pg-details.is-mini .pg-details-guardian-art{display:none}
body.desktop-game #world-destination.pg-details.is-mini .pg-details-tablet{gap:calc(var(--u) * 6)}
body.desktop-game #world-destination.pg-details.is-mini .pg-details-place{font-size:calc(var(--u) * 30)}
body.desktop-game #world-destination.pg-details.is-mini .pg-details-guardian{justify-content:center;text-align:center}
body.desktop-game #world-destination.pg-details[data-enter="drop"] .pg-details-tablet{animation:pg-details-drop .62s cubic-bezier(.25,.8,.3,1) both}
body.desktop-game #world-destination.pg-details[data-enter="flip"] .pg-details-tablet{animation:pg-details-flip .34s ease-out both}
/* Light from the selected landmark to the tablet; hidden together with the panel. */
body.desktop-game .pg-details-ray{position:absolute;inset:0;z-index:3;pointer-events:none;animation:uk-fade .4s ease-out both}
body.desktop-game .pg-details-ray[hidden],body.desktop-game #world-destination[hidden]+.pg-details-ray,body.desktop-game #world-destination:not(.pg-details)+.pg-details-ray{display:none}
body.desktop-game .pg-details-ray svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.desktop-game .pg-details-ray path{fill:none;stroke:url(#pg-details-ray-glow);stroke-linecap:round}
body.desktop-game .pg-details-ray .pg-details-ray-blur{stroke-width:7;opacity:.35;filter:blur(4px)}
body.desktop-game .pg-details-ray .pg-details-ray-line{stroke-width:1.6;opacity:.9}
body.desktop-game .pg-details-pillar{position:absolute;width:56px;height:170px;transform:translate(-50%,-92%);border-radius:50%;background:linear-gradient(0deg,#ffe7a8aa,#ffe7a833 55%,transparent);filter:blur(7px);opacity:.75;animation:pg-details-breathe 3.2s ease-in-out infinite}

/* Glows breathe through opacity only (style guide: animate transform/opacity). */
body.desktop-game .pg-details-dial.is-ready::after{content:"";position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(circle,#ffe7a8 0,#ffd27a88 30%,transparent 68%);mix-blend-mode:screen;pointer-events:none;animation:pg-details-pulse 2.4s ease-in-out infinite}
body.desktop-game .pg-details-hero.is-ready .pg-details-cast::before{content:"";position:absolute;left:50%;top:50%;width:calc(var(--u) * 470);height:calc(var(--u) * 130);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#ffd27a99,#ffd27a33 45%,transparent 70%);pointer-events:none;animation:pg-details-pulse 2.4s ease-in-out infinite}
body.desktop-game .pg-details-lethal{position:relative}
body.desktop-game .pg-details-lethal::before{content:"";position:absolute;left:50%;top:calc(var(--u) * 56);width:calc(var(--u) * 150);height:calc(var(--u) * 150);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ff2a1a88,transparent 65%);pointer-events:none;animation:pg-details-pulse 1.6s ease-in-out infinite}
body.desktop-game .pg-details-lethal>*{position:relative}
body.desktop-game .pg-details-phase.is-near .pg-details-wax.is-phase::after{content:"";position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,#ff7a3a99,transparent 65%);pointer-events:none;animation:pg-details-pulse 1.8s ease-in-out infinite}
@keyframes pg-details-ash{from{transform:none}to{transform:translateY(calc(var(--u) * -180))}}
@keyframes pg-details-rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes pg-details-unfold{from{opacity:0;transform:scaleX(.92)}to{opacity:1;transform:none}}
@keyframes pg-details-stamp{0%{opacity:0;transform:scale(1.8)}70%{opacity:1;transform:scale(.94)}100%{opacity:1;transform:scale(1)}}
@keyframes pg-details-tick{from{transform:rotate(-120deg)}to{transform:none}}
@keyframes pg-details-sweep{from{transform:translateX(-70%)}to{transform:translateX(70%)}}
@keyframes pg-details-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes pg-details-breathe{0%,100%{opacity:.45}50%{opacity:.85}}
@keyframes pg-details-drop{0%{opacity:0;transform:translateY(-46px) rotate(-2.4deg)}55%{opacity:1;transform:translateY(5px) rotate(1.2deg)}78%{transform:translateY(-2px) rotate(-.5deg)}100%{opacity:1;transform:none}}
@keyframes pg-details-flip{0%{opacity:.2;transform:perspective(900px) rotateY(80deg)}100%{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  body.desktop-game #hero-dialog.pg-details[open],body.desktop-game #enemy-dialog.pg-details[open],body.desktop-game .pg-details-slab.uk-panel,body.desktop-game .pg-details-bestiary::before,body.desktop-game .pg-details-wax,body.desktop-game .pg-details-overstamp,body.desktop-game .pg-details-countdial img,body.desktop-game .pg-details-lethal::before,body.desktop-game .pg-details-dial.is-ready::after,body.desktop-game .pg-details-hero.is-ready .pg-details-cast::before,body.desktop-game .pg-details-sweep,body.desktop-game .pg-details-phase.is-near .pg-details-wax.is-phase::after,body.desktop-game .pg-details-pillar,body.desktop-game .pg-details-ray,body.desktop-game .pg-details-bestiary.is-boss .pg-details-frame::before,body.desktop-game #world-destination.pg-details .pg-details-tablet{animation:none!important}
  body.desktop-game .pg-details-sweep{display:none}
  body.desktop-game .pg-details-member,body.desktop-game .pg-details-rune{transition:none}
}