.encounter-modal{width:min(840px,1203.2px);background:linear-gradient(145deg,#132b3eea,#071321f5);border-color:#dec99488}.encounter-modal .modal-head{padding:13px 21px}.encounter-modal .modal-head h2{font-size:19px}.encounter-modal .modal-body{padding:16px 23px}.encounter-intro{text-align:center;color:#dce4e5;font-size:12px;line-height:1.8}.encounter-intro strong{color:#f3d392}.encounter-deal{display:flex;justify-content:center;align-items:center;gap:34px;margin:22px auto 18px;perspective:1200px}.encounter-card{position:relative;width:182px;height:263px;padding:0;border:0;border-radius:13px;background:transparent!important;perspective:1000px;flex-shrink:0;transition:transform .2s,opacity .3s;animation:deal-card .4s ease-out both}.encounter-card:nth-child(2){animation-delay:.1s}.encounter-card:hover:not(:disabled){transform:translateY(-9px)}.encounter-card:disabled{opacity:1;cursor:default}.encounter-card.is-unselected{opacity:.28;transform:scale(.9)}.card-turn{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.encounter-card.is-selected .card-turn{transform:rotateY(180deg)}.encounter-cover,.encounter-face{position:absolute;inset:0;border:5px solid #d4bc88;border-radius:13px;backface-visibility:hidden;overflow:hidden;box-shadow:0 7px 20px #0006,inset 0 0 0 2px #3c3e55}.encounter-cover{display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#546c83,#24394d 65%,#182535);color:#fcf1d5}.encounter-cover:before,.encounter-face:before{content:'';position:absolute;inset:7px;border:1px solid #e5d5a47a;border-radius:7px;pointer-events:none}.encounter-cover:after{content:'';width:130px;height:130px;position:absolute;border:1px solid #e7d09a4d;transform:rotate(45deg);border-radius:12px}.encounter-card.event-card .encounter-cover{background:radial-gradient(ellipse,#c89d56,#99703c 65%,#684b30)}.encounter-symbol{z-index:1;font:68px/1 Georgia,serif;text-shadow:0 3px 3px #0008;margin-bottom:18px}.encounter-cover b{font-size:17px;z-index:1;letter-spacing:1px}.encounter-cover small{font-size:10px;letter-spacing:2px;z-index:1;margin-top:9px;color:#f6e9c9}.encounter-face{transform:rotateY(180deg);background:linear-gradient(#f4e9c9,#dfc99a);color:#252f38;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:17px 10px 11px}.encounter-face .monster-art{width:155px;height:155px;margin-top:5px;filter:drop-shadow(0 4px 4px #25324a44)}.encounter-face .event-emblem{font:76px/1.3 Georgia,serif;margin-top:17px;color:#9d6036;text-shadow:0 2px #fff6}.encounter-face strong{font-size:14px;line-height:1.6;z-index:1}.encounter-face small{font-size:10px;color:#5c5b54;z-index:1}.encounter-hint{text-align:center;color:#d7c399;font-size:12px;margin:8px 0 12px}.encounter-result{border:1px solid #dfbd7e44;border-radius:8px;padding:13px 17px;background:#f4ecd6;color:#29333d;animation:fadein .25s}.encounter-result h3{font-size:18px;margin-bottom:7px;color:#463928}.encounter-result p{font-size:12px;line-height:1.8}.encounter-result .row{margin-top:13px;flex-wrap:wrap}.encounter-result button:not(.primary){background:#e1d6bb;color:#2b3540;border-color:#9a8b70}.encounter-result button:not(.primary):hover{background:#eee4cb}.encounter-result .muted{color:#6f6c60}.landing-receipt{padding:22px;background:linear-gradient(120deg,#ddbf7720,transparent);border:1px solid #c5a97544;border-radius:8px}.landing-receipt h3{color:#f2d496;font-size:22px;margin-bottom:10px}.landing-receipt p{line-height:1.9;font-size:14px}.skill-film .film-action{opacity:1}.skill-film .film-name{top:5%;left:5%;right:5%;text-align:center}.skill-film .film-name h2{font-size:clamp(18px,32px,32px)}.skill-film .film-name small{display:none}
@keyframes deal-card{from{opacity:0;transform:translateY(25px) rotateY(-30deg)}to{opacity:1;transform:translateY(0) rotateY(0)}}

.encounter-deal.is-revealed .encounter-card{animation:none}
#modal.encounter-backdrop{background:#07132255;backdrop-filter:none}.encounter-modal{background:transparent;border:0;box-shadow:none}.encounter-modal .modal-head{border:0;justify-content:center;text-shadow:0 2px 5px #000}.encounter-intro{text-shadow:0 2px 4px #000}.encounter-hint{display:table;margin:8px auto 12px;background:#0a182bdc;padding:8px 14px;border-radius:5px}.encounter-result{box-shadow:0 6px 25px #0006}