.public-shell .detail-page-v4 .detail-award-card{background:#fff;border:1px solid #dde3df;border-radius:16px;justify-self:center;width:100%;max-width:320px;scroll-margin-top:128px;overflow:hidden;box-shadow:0 14px 34px #222f2712}.public-shell .detail-page-v4 .detail-award-card-head{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;min-height:48px;padding:0 18px;display:flex}.public-shell .detail-page-v4 .detail-award-card-head h2{color:#747d77;letter-spacing:.115em;text-transform:uppercase;margin:0;font-size:.67rem;font-weight:800}.public-shell .detail-page-v4 .detail-award-live-dot{background:var(--detail-mint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #c7ff4a29}.public-shell .detail-page-v4 .detail-award-gift{background:radial-gradient(circle at 50% 30%,#c7ff4a1c,#0000 12rem),#f8faf8;justify-items:center;padding:22px 18px 20px;display:grid}.public-shell .detail-page-v4 .detail-award-preview{cursor:pointer;background:0 0;border:0;border-radius:14px;width:min(100%,238px);padding:0;transition:transform .16s,box-shadow .16s;display:block;box-shadow:0 13px 30px #1b282024}.public-shell .detail-page-v4 .detail-award-preview:not(:disabled):hover{transform:translateY(-3px)scale(1.015);box-shadow:0 18px 36px #1b28202e}.public-shell .detail-page-v4 .detail-award-preview:disabled{cursor:default}.public-shell .detail-page-v4 .detail-award-preview img,.detail-award-dialog-preview img{border-radius:inherit;width:100%;height:auto;display:block}.public-shell .detail-page-v4 .detail-award-gift>p{color:#344038;text-align:center;margin:18px 0 0;font-size:.78rem;font-weight:720;line-height:1.5}.public-shell .detail-page-v4 .detail-award-gift>span{color:#929b95;text-align:center;margin-top:5px;font-size:.65rem;line-height:1.4}.public-shell .detail-page-v4 .detail-award-actions{gap:9px;padding:16px 18px;display:grid}.public-shell .detail-page-v4 :where(.detail-award-primary,.detail-award-secondary){border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;font-size:.74rem;font-weight:760;transition:border-color .14s,background-color .14s,transform .14s;display:inline-flex}.public-shell .detail-page-v4 :where(.detail-award-primary,.detail-award-secondary) svg{width:15px;height:15px}.public-shell .detail-page-v4 .detail-award-primary{color:#fff;background:#202722}.public-shell .detail-page-v4 .detail-award-primary:not(:disabled):hover{background:#303a33;transform:translateY(-1px)}.public-shell .detail-page-v4 .detail-award-secondary{color:#465149;background:#fff;border-color:#dde3df}.public-shell .detail-page-v4 .detail-award-secondary:not(:disabled):hover{background:#f8faf8;border-color:#cbd4ce}.public-shell .detail-page-v4 :where(.detail-award-primary,.detail-award-secondary):disabled,.public-shell .detail-page-v4 .detail-award-hook button:disabled{opacity:.55;cursor:not-allowed}.public-shell .detail-page-v4 .detail-award-hook{background:#f6f8f7;border-top:1px solid #e8ece9;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:15px 18px 16px;display:grid}.public-shell .detail-page-v4 .detail-award-hook>svg{color:#8a948d;width:16px;height:16px;margin-top:2px}.public-shell .detail-page-v4 .detail-award-hook p{color:#747e77;margin:0;font-size:.68rem;line-height:1.55}.public-shell .detail-page-v4 .detail-award-hook strong{color:#28322b;font-weight:800}.public-shell .detail-page-v4 .detail-award-hook button{color:#39443d;cursor:pointer;background:0 0;border:0;align-items:center;gap:2px;margin-top:5px;padding:0;font-size:.67rem;font-weight:800;display:inline-flex}.public-shell .detail-page-v4 .detail-award-hook button:not(:disabled):hover{text-decoration:underline}.public-shell .detail-page-v4 .detail-award-hook button svg{width:12px;height:12px}.public-shell .detail-page-v4 .detail-rank-claim{color:#526157;vertical-align:4px;background:#f7faf8;border:1px solid #d9e2dc;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:7px;transition:border-color .14s,color .14s,background-color .14s;display:inline-grid;position:relative}.public-shell .detail-page-v4 .detail-rank-claim:hover{color:#314414;background:#c7ff4a2e;border-color:#a8c467}.public-shell .detail-page-v4 .detail-rank-claim svg{width:12px;height:12px}.public-shell .detail-page-v4 .detail-rank-claim:after{z-index:3;color:#f7faf8;content:attr(data-tooltip);width:max-content;max-width:190px;font-family:var(--font-sans);letter-spacing:0;opacity:0;pointer-events:none;text-align:center;text-transform:none;white-space:normal;background:#202722;border-radius:7px;padding:7px 9px;font-size:.65rem;font-weight:650;line-height:1.35;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 22px #1118142e}.public-shell .detail-page-v4 .detail-rank-claim:hover:after,.public-shell .detail-page-v4 .detail-rank-claim:focus-visible:after{opacity:1;transform:translate(-50%)}.detail-award-dialog-overlay{z-index:120;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0d120f9e;animation:.14s ease-out detail-award-fade-in;position:fixed;inset:0}.detail-award-dialog-content{z-index:121;background:#fff;border:1px solid #dce3de;border-radius:20px;gap:18px;width:min(100vw - 32px,560px);max-height:calc(100dvh - 32px);padding:28px;animation:.16s ease-out detail-award-dialog-in;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0c140f47}.detail-award-dialog-close{color:#657069;cursor:pointer;background:#f8faf8;border:1px solid #e1e6e3;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.detail-award-dialog-close:hover{color:#252f28;background:#eef2ef}.detail-award-dialog-close svg{width:16px;height:16px}.detail-award-dialog-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding-right:34px;display:grid}.detail-award-dialog-heading>span{color:#314414;background:#c7ff4a4d;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.detail-award-dialog-heading>span svg{width:20px;height:20px}.detail-award-dialog-heading h2{color:#202722;letter-spacing:-.025em;margin:0;font-size:1.2rem}.detail-award-dialog-heading p{color:#717c75;margin:5px 0 0;font-size:.78rem;line-height:1.55}.detail-award-dialog-preview{border-radius:16px;justify-self:center;width:min(100%,320px);box-shadow:0 14px 34px #1e2b2321}.detail-award-code-field{gap:7px;display:grid}.detail-award-code-field>span{color:#57625b;letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:800}.detail-award-code-field textarea{resize:vertical;color:#344038;width:100%;min-height:94px;font-family:var(--font-mono);background:#f7f9f8;border:1px solid #dce3de;border-radius:10px;outline:0;padding:12px;font-size:.68rem;line-height:1.55}.detail-award-code-field textarea:focus{border-color:var(--color-focus-ring);box-shadow:var(--focus-halo);outline:none}.detail-award-copy{color:#fff;cursor:pointer;background:#202722;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;font-size:.78rem;font-weight:800;display:inline-flex}.detail-award-copy:hover{background:#303a33}.detail-award-copy svg{width:16px;height:16px}.detail-award-copy-status{color:#768078;text-align:center;margin:-7px 0 0;font-size:.68rem;line-height:1.5}.detail-award-copy-status.is-error{color:#9f3f42}.detail-award-verify{background:#f7f9f8;border:1px solid #dfe5e1;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:14px;display:grid}.detail-award-verify label{gap:6px;min-width:0;display:grid}.detail-award-verify label>span{color:#59645d;letter-spacing:.04em;text-transform:uppercase;font-size:.67rem;font-weight:800}.detail-award-verify input{color:#28322b;background:#fff;border:1px solid #d6ded9;border-radius:9px;outline:0;width:100%;min-height:40px;padding:0 11px;font-size:.73rem}.detail-award-verify input:focus{border-color:var(--color-focus-ring);box-shadow:var(--focus-halo);outline:none}.detail-award-verify>button{color:#202722;cursor:pointer;background:#c7ff4a;border:0;border-radius:9px;align-self:end;min-height:40px;padding:0 14px;font-size:.72rem;font-weight:800}.detail-award-verify>button:disabled{opacity:.62;cursor:not-allowed}.detail-award-verify>p{color:#9f3f42;grid-column:1/-1;margin:0;font-size:.68rem;line-height:1.45}.detail-award-verify>p[data-state=verified]{color:#467118}html.dark .public-shell .detail-page-v4 .detail-award-card{background:#141b16;border-color:#2b362e;box-shadow:inset 0 1px #ffffff06}html.dark .public-shell .detail-page-v4 .detail-award-card-head,html.dark .public-shell .detail-page-v4 .detail-award-hook{border-color:#2b362e}html.dark .public-shell .detail-page-v4 .detail-award-card-head h2,html.dark .public-shell .detail-page-v4 .detail-award-gift>span,html.dark .public-shell .detail-page-v4 .detail-award-hook p{color:#87928a}html.dark .public-shell .detail-page-v4 .detail-award-gift{background:radial-gradient(circle at 50% 30%,#c7ff4a16,#0000 12rem),#101612}html.dark .public-shell .detail-page-v4 .detail-award-gift>p,html.dark .public-shell .detail-page-v4 .detail-award-hook strong{color:#d6ddd8}html.dark .public-shell .detail-page-v4 .detail-award-secondary{color:#c4ccc6;background:#171e19;border-color:#303a33}html.dark .public-shell .detail-page-v4 .detail-award-secondary:not(:disabled):hover{background:#1c251f;border-color:#465149}html.dark .public-shell .detail-page-v4 .detail-award-hook{background:#111713}html.dark .public-shell .detail-page-v4 .detail-award-hook>svg,html.dark .public-shell .detail-page-v4 .detail-award-hook button{color:#929d95}html.dark .public-shell .detail-page-v4 .detail-rank-claim{color:#aab5ad;background:#19201b;border-color:#354139}html.dark .detail-award-dialog-content{background:#141b16;border-color:#354039;box-shadow:0 30px 80px #00000075}html.dark .detail-award-dialog-close{color:#aeb8b1;background:#1b241e;border-color:#354039}html.dark .detail-award-dialog-heading h2{color:#edf2ee}html.dark .detail-award-dialog-heading p,html.dark .detail-award-code-field>span,html.dark .detail-award-copy-status{color:#8d9890}html.dark .detail-award-code-field textarea{color:#cbd4ce;background:#101612;border-color:#354039}html.dark .detail-award-verify{background:#101612;border-color:#354039}html.dark .detail-award-verify label>span{color:#8d9890}html.dark .detail-award-verify input{color:#d5ddd7;background:#171e19;border-color:#354039}@keyframes detail-award-fade-in{0%{opacity:0}to{opacity:1}}@keyframes detail-award-dialog-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=520px){.detail-award-dialog-content{border-radius:16px;gap:15px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:22px 18px}.detail-award-dialog-heading{grid-template-columns:minmax(0,1fr);gap:10px}.detail-award-dialog-heading>span{width:38px;height:38px}.detail-award-verify{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.public-shell .detail-page-v4 .detail-award-preview,.public-shell .detail-page-v4 :where(.detail-award-primary,.detail-award-secondary),.detail-award-dialog-overlay,.detail-award-dialog-content{transition:none;animation:none}}
