/* V2: adopt atlas-chrome's near-black translucent surfaces, fine borders,
   quiet white type and lightly filled actions. The host controls placement. */
.wb-card,.wb-card *{box-sizing:border-box}
.wb-card{position:relative;isolation:isolate;width:100%;max-width:390px;padding:0 28px 22px;overflow:hidden;border:1px solid #b6c6d326;border-radius:20px;background:#080e18eb;color:#e8edf5;font:14px/1.7 "Inter","PingFang SC","Microsoft YaHei",sans-serif;box-shadow:0 24px 72px #0005;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.wb-card[hidden],.wb-card [hidden]{display:none!important}
.wb-header{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid #b8c7d51a;margin:0 -6px;padding-left:6px}
.wb-kicker{margin:0;font-size:10px;font-weight:500;letter-spacing:1.4px;color:#a3b2c2}
.wb-kicker span{margin:0 9px;color:#526172}
.wb-close{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#9faebd;font:300 23px/1 Arial,sans-serif;cursor:pointer;transition:background .18s,color .18s}
.wb-close:hover{background:#ffffff08;color:#f3f6fa}
.wb-art{position:relative;display:grid;place-items:center;height:320px;margin:3px -12px 7px;overflow:hidden}
.wb-image{display:block;width:220px;max-width:100%;height:100%;object-fit:contain;position:absolute;inset:0;margin:auto;mask-image:radial-gradient(ellipse 66% 64% at 50% 49%,#000 50%,#000d 72%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse 66% 64% at 50% 49%,#000 50%,#000d 72%,transparent 98%)}
.wb-fallback{font-size:94px;color:#c1ddec;text-shadow:0 0 28px #8caac444}
.wb-content{text-align:center;min-width:0}
.wb-title{margin:0;font-size:29px;line-height:1.45;letter-spacing:4px;font-weight:500;color:#eff3fa;overflow-wrap:anywhere}
.wb-description{max-width:27em;margin:10px auto 0;font-size:12px;line-height:1.9;color:#a3b2c2;overflow-wrap:anywhere}
.wb-actions{margin-top:24px;padding-top:17px;border-top:1px solid #b8c7d51a}
.wb-status{display:flex;align-items:center;justify-content:center;min-height:20px;margin:0 0 12px;font-size:11px;line-height:1.8;letter-spacing:.2px;color:#aebed0;overflow-wrap:anywhere}
.wb-claim{display:block;width:100%;min-height:48px;padding:12px 22px;border:1px solid #c7d9e248;border-radius:999px;background:#d7e8fa0c;color:#eaf2fa;font:500 13px/1.6 "Inter","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:1.4px;box-shadow:inset 0 1px 0 #fff05;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.wb-claim:hover:not(:disabled){background:#d7e8fa18;border-color:#d8e7f77a;transform:translateY(-1px)}
.wb-claim:active:not(:disabled){transform:translateY(0)}
.wb-claim:disabled{cursor:default;color:#95a6b8;border-color:#b6c6d326;background:#ffffff03;box-shadow:none}
.wb-footnote{margin:11px 0 0;font-size:10px;line-height:1.6;letter-spacing:1px;color:#7f92a7}
.wb-card button:focus-visible{outline:2px solid #beddd8;outline-offset:3px}
.wb-card[data-status="claimed"] .wb-status{color:#b1d3ca}
.wb-card[data-status="claimed"] .wb-claim{color:#a9c4bb;border-color:#aacbbe30}
.wb-card[data-status="error"] .wb-status{color:#dfbfb3}
@media(max-width:420px){.wb-card{padding:0 24px 21px;border-radius:18px}.wb-art{height:300px}.wb-image{width:213px}.wb-title{font-size:27px}.wb-actions{margin-top:21px}}
@media(orientation:landscape) and (max-height:520px){.wb-card{max-width:640px;display:grid;grid-template-columns:220px minmax(0,1fr);padding:0 24px 16px;column-gap:24px}.wb-header{grid-column:1/-1;min-height:46px}.wb-art{height:234px;margin:0}.wb-image{width:188px}.wb-content{align-self:center;text-align:left}.wb-title{font-size:25px;letter-spacing:3px}.wb-description{font-size:11px;margin-top:7px}.wb-actions{margin-top:14px;padding-top:12px}.wb-status{justify-content:flex-start;font-size:10px;margin-bottom:10px}.wb-claim{min-height:44px}.wb-footnote{margin-top:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.wb-card button{transition:none;transform:none!important}}