#card:is([data-page="invitation"],:not([data-page])) .back #back-image{left:10.84%;width:78.32%;height:90.2995%}
#mission-character-map{position:absolute;left:10.84%;top:0;width:78.32%;height:90.2995%;display:none;pointer-events:none}
#card:is([data-page="invitation"],:not([data-page])) .back[aria-hidden="false"] #mission-character-map{display:block}
.mission-character{position:absolute;background:transparent;border:0;border-radius:12%;padding:0;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}
.mission-character:focus-visible{outline:3px solid #00e0ff;outline-offset:3px}
#mission-talk-overlay{position:fixed;inset:0;z-index:120;perspective:1000px;background:rgba(1,10,28,.3);touch-action:none;overscroll-behavior:contain}
#mission-talk-overlay[hidden]{display:none}
.mission-tag-position{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(101.2vw,552px,73.6dvh,96vw)}
#mission-tag{position:relative;width:100%;transform-origin:50% -12dvh;filter:drop-shadow(0 14px 16px #0005);will-change:transform}
#mission-tag::before{content:"";position:absolute;left:calc(50% - 1px);bottom:97%;width:2px;height:35dvh;background:linear-gradient(90deg,#91bdd3,#f4faff,#91bdd3);z-index:-1;pointer-events:none}
#mission-tag-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
#mission-talk-close{position:absolute;left:2%;bottom:2%;width:13%;aspect-ratio:1;min-width:44px;min-height:44px;background:transparent;border:0;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#mission-talk-close:focus-visible{outline:3px solid #03bafa;outline-offset:2px}
#mission-talk-error{position:absolute;left:10%;right:10%;top:40%;text-align:center;color:white;background:#031127;padding:18px;border-radius:12px;font-family:"Source Han Sans TC","Noto Sans TC",sans-serif}
#mission-talk-error[hidden]{display:none}

#card:is([data-page="invitation"],:not([data-page])) .front #front-fallback{position:absolute;left:10.84%;top:0;width:78.32%;height:89.3229%;object-fit:contain}
#mission-bubbles{position:absolute;left:10.84%;top:0;width:78.32%;height:90.2995%;pointer-events:none;display:none}
#card:is([data-page="invitation"],:not([data-page])) .back[aria-hidden="false"] #mission-bubbles{display:block}
#card .back #mission-bubbles img{position:absolute;width:18.5786%;height:7.0656%;object-fit:contain;pointer-events:none;filter:none}
#mission-bubbles img[hidden]{display:none}
#card:is([data-page="invitation"],:not([data-page])) #view-passport{left:10.84%;top:83.4%;width:78.32%;height:6.9%}
