.overlay{background:#00000080;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay.is-modal{z-index:9998}.overlay.is-modal>.container:focus{outline:none}.overlay.is-top-anchored{align-items:flex-start}.overlay.is-top-anchored>.container{margin-top:0;margin-bottom:auto}.backdrop-link{cursor:pointer;position:absolute;inset:0}.buttons{z-index:1;gap:8px;display:flex;position:absolute;top:12px;right:12px}.button{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.button:hover{color:#ffffffe6;background:#ffffff1a}.button:active{transform:scale(.95)}@media (width<=768px){.overlay{padding:20px}.overlay .content{padding-top:60px}}@media (width<=480px){.overlay{padding:15px}.overlay .content{padding-top:56px}}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#141414d9;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;width:100%;margin:auto;display:flex;position:relative;box-shadow:0 10px 30px #00000080,inset 0 0 0 1px #ffffff0d}.content{color:#fff;padding:24px 32px 32px}.content h1{color:#fff;margin:0 0 20px;font-size:24px;font-weight:600}.content h2{color:#fff;margin:28px 0 12px;font-size:18px;font-weight:600}.content h3{margin-top:24px;font-size:16px}.content p{color:#fff;opacity:.9;margin:12px 0;line-height:1.6}.content ul,.content ol{margin:12px 0;padding-left:20px}.content li{color:#fff;opacity:.9;margin:6px 0;line-height:1.6}.content ul ul{margin-top:8px;margin-bottom:8px}.content a{color:var(--color-accent);font-weight:500;text-decoration:none;transition:color .2s}.content a:hover{color:var(--color-danger);text-decoration:underline}.content strong{font-weight:600}.content .meta-chip{color:#ffffffd9;background:#ffffff1a;border-radius:999px;padding:2px 10px;font-size:13px;line-height:1.6}.skill-highlight{color:var(--color-accent)}.skill-keyword{color:var(--color-accent);text-underline-offset:3px;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.skill-keyword:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.skill-stat-tag{vertical-align:1px;white-space:nowrap;border-radius:3px;margin:0 1px;padding:0 5px;font-size:.82em;font-weight:600;display:inline-block}.skill-stat-atk{color:#c98080;background:#c480801f}.skill-stat-hp{color:#b0c79a;background:#94b27d1f}.skill-stat-tag:not(.skill-stat-atk):not(.skill-stat-hp){color:#ffffffd9;background:#ffffff1a}@media (width<=768px){.container{max-width:90%!important}.content{padding:24px}.content h1{font-size:22px}.content h2{font-size:17px}}@media (width<=480px){.content{padding:20px}.content h1{font-size:20px}.content h2{font-size:16px}}.modal-enter-active[data-v-07941db6],.modal-leave-active[data-v-07941db6]{transition:opacity .2s}.modal-enter-active[data-v-07941db6] .container,.modal-leave-active[data-v-07941db6] .container{transition:transform .2s}.modal-enter-from[data-v-07941db6],.modal-leave-to[data-v-07941db6]{opacity:0}.modal-enter-from[data-v-07941db6] .container,.modal-leave-to[data-v-07941db6] .container{transform:translateY(3px)}