.access-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #a3b59d;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:650;line-height:1.5;background:#edf3e6;color:#315343;margin:5px 0}
.access-badge.is-locked{background:#f8f1e4;border-style:dashed;border-color:#a88c63;color:#655034}
.access-conclusion{margin:20px 0 0;padding:20px;border:1px solid #bbcdb0;border-radius:14px;background:#eef4e6}.access-conclusion h3{margin-top:0}.access-conclusion p{line-height:1.75}
#noteunlock-unlock{max-width:620px;width:calc(100% - 28px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #b5c7ac;border-radius:20px;background:#fffdf5;color:#243a2e;box-shadow:0 20px 80px #16392840}
#noteunlock-unlock::backdrop{background:#122c2280}.access-panel{padding:28px}.access-panel h2{font-size:clamp(1.4rem,5vw,2rem);margin:16px 0}.access-lead{font-size:1.1rem;line-height:1.75}.access-panel li{line-height:1.7;padding:4px 0}.access-panel ul{list-style:none;padding:0}.access-price{font-size:1.9rem;font-weight:750}.access-price span{font-size:.95rem;font-weight:500}.access-unavailable{font-size:.85rem;line-height:1.7;color:#526250}.access-panel button{min-height:48px;cursor:pointer;border-radius:10px}.access-close{background:#f4f6ee;border:1px solid #a4b99d}.access-panel button:focus-visible{outline:3px solid #b47927;outline-offset:3px}
.access-qa{margin:12px auto;max-width:1050px;padding:10px 14px;border:2px dashed #a27b44;background:#fff5df;border-radius:10px;font-size:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.access-qa a{border:1px solid #8b734e;border-radius:6px;padding:10px;background:#fffdf5;color:#4e4029;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.access-qa a[aria-current]{border-width:2px;font-weight:750}.access-qa a:focus-visible{outline:3px solid #277baa;outline-offset:2px}
@media(max-width:650px){.access-panel{padding:18px}.access-panel>.primary{width:100%}.access-lead{font-size:1rem}.access-price{font-size:1.6rem}}

.main-playing .access-qa,.foundation-playing .access-qa,.graduation-playing .access-qa,.cz-is-playing .access-qa{display:none}
.access-account-status{max-width:1100px;margin:8px auto;padding:8px 18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px}.access-account-status a,.access-account-status button{min-height:44px;display:inline-flex;align-items:center}.access-account-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.access-account-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:10px;text-decoration:none;background:#204f3b;color:#fff}.access-account-actions a:focus-visible{outline:3px solid #b47927;outline-offset:3px}.main-playing .access-account-status,.foundation-playing .access-account-status,.graduation-playing .access-account-status{display:none}
.chapter-zero-playing .access-qa,.chapter-zero-playing .access-account-status{display:none}
.access-storage-warning{max-width:1100px;margin:12px auto;padding:14px 18px;border:2px solid #9a5b25;border-radius:10px;background:#fff1dd;color:#5b3519;line-height:1.6}
