/* tapau-rp14 */

/* artist link + flag */
.tp-artist{color:inherit!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;position:relative;z-index:2}
.tp-artist:hover{text-decoration-thickness:2px}
.tp-artist:focus-visible{outline:2px solid #FF009D;outline-offset:2px}
.tp-flag{margin-left:6px;font-size:1.05em;line-height:1;position:relative;z-index:2;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
.tp-card__support .tp-artist{position:relative;z-index:3}
/* Home MV popup info bar */
.tp-lbbar{position:absolute;left:0;right:56px;bottom:calc(100% + 8px);display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#fff;font:600 16px/1.3 Inter,sans-serif}
.tp-lbbar b{font-weight:700}
.tp-lbbar .tp-artist{color:#fff!important}
.tp-lbbar__go{margin-left:auto;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;background:#20FF19;color:#050306!important;border:2px solid #050306;text-decoration:none!important;font-weight:600;font-size:14px}
.tp-lbbar__go:hover{background:#04C400}
/* writer link on cards */
.hb-card--x{position:relative;color:inherit}
.hb-card--x .hb-ct__a{color:inherit!important;text-decoration:none!important}
.hb-card--x .hb-ct__a::after{content:"";position:absolute;inset:0;z-index:1}
.hb-card--x:hover .hb-ct__a{text-decoration:underline!important}
.hb-card--x .hb-ct__a:focus-visible{outline:none}
.hb-card--x:has(.hb-ct__a:focus-visible){outline:2px solid #FF009D;outline-offset:2px}
.hb-by,.tp-byline__a{position:relative;z-index:2;color:inherit!important;text-decoration:underline;text-underline-offset:2px}
.hb-by:hover,.tp-byline__a:hover{color:var(--strong,#050306)!important;text-decoration-thickness:2px}
.hb-dark .hb-by:hover{color:#fff!important}
/* most watched rank */
.hb-rank{position:absolute;right:10px;top:10px;z-index:1;min-width:40px;height:40px;padding:0 8px;display:grid;place-items:center;background:#FF009D;color:#050306;border:2px solid #050306;font:700 20px/1 "IBM Plex Mono",ui-monospace,monospace}
/* donation boxes: one style everywhere */
html:root body.tapau-v2 :is(.tvh-support,.tps-sup){background:#20FF19!important;background-image:none!important;color:#050306!important;border:2px solid #050306!important;box-shadow:none!important}
html:root body.tapau-v2 :is(.tvh-support,.tps-sup) :is(h2,h3,p,span,.tvh-support__h,.tvh-support__p,.tvh-support__fine,.tps-sup__t,.tps-sup__c,.tps-sup__note){color:#050306!important}
html:root body.tapau-v2 :is(.tvh-support,.tps-sup) :is(a.tvh-durian,.tvh-durian,button.tps-amt,.tps-amt){background:transparent!important;background-image:none!important;border:2px solid #050306!important;color:#050306!important;box-shadow:none!important}
html:root body.tapau-v2 :is(.tvh-support,.tps-sup) :is(a.tvh-durian,.tvh-durian) span{color:inherit!important}
html:root body.tapau-v2 :is(.tvh-support,.tps-sup) :is(a.tvh-durian,.tvh-durian,button.tps-amt,.tps-amt):hover{background:#050306!important;color:#20FF19!important}
html:root body.tapau-v2 :is(.tvh-support,.tps-sup) :is(a.tvh-durian,.tvh-durian,button.tps-amt,.tps-amt):focus-visible{outline:2px solid #050306!important;outline-offset:2px}
/* Join the community: same as the chart vote button */
html:root body.tapau-v2 a.tp-btn-join.elementor-button{background:#20FF19!important;background-image:none!important;color:#050306!important;border:2px solid #050306!important;border-radius:0!important;box-shadow:-4px 4px 0 #050306!important;transition:transform .12s,box-shadow .12s}
html:root body.tapau-v2 a.tp-btn-join.elementor-button :is(span,.elementor-button-text){color:#050306!important}
html:root body.tapau-v2 a.tp-btn-join.elementor-button:hover{background:#04C400!important;box-shadow:none!important;transform:translate(-4px,4px)}
@media (prefers-reduced-motion:reduce){html:root body.tapau-v2 a.tp-btn-join.elementor-button:hover{transform:none}}
/* profile cover: about 3:1 on desktop */
@media (min-width:768px){html body.tapau-v2 .mu-phero.has-cover{aspect-ratio:3/1;display:flex;flex-direction:column;justify-content:flex-end}}
@media (max-width:767px){html body.tapau-v2 .mu-phero.has-cover{min-height:min(110vw,520px);display:flex;flex-direction:column;justify-content:flex-end}}
/* Community feed ticker: label at the left edge, blinking pink dot, crawler runs across the rest */
html body.tapau-v2 .tk::before{content:none!important;display:none!important}
html body.tapau-v2 .tk .tk__lbl{flex:none;display:flex;align-items:center;gap:10px;height:100%;padding:0 20px 0 20px;font:600 12.8px/1 var(--tp-font-body,Inter,sans-serif);text-transform:uppercase;letter-spacing:.1em;color:#050306;white-space:nowrap;position:relative;z-index:2}
html body.tapau-v2 .tk .tk__blink{width:10px;height:10px;border-radius:50%;background:#FF009D;flex:none;animation:tkBlink 1.1s steps(1,end) infinite}
@keyframes tkBlink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){html body.tapau-v2 .tk .tk__blink{animation:none}}
@media (max-width:599px){html body.tapau-v2 .tk .tk__lbl{padding:0 12px;font-size:0;gap:0}html body.tapau-v2 .tk .tk__lbl::after{content:"Feed";font-size:12.8px;margin-left:8px}}

/* tapau-rp14b */

/* directory */
.tdir{margin-top:24px;margin-bottom:8px}
.tdir__h{font:700 25px/1.2 var(--fd,"roc-grotesk"),sans-serif;margin:0 0 16px}
.tdir__g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1023px){.tdir__g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.tdir__g{grid-template-columns:1fr}}
.tdir__c{background:#fff;border:2px solid #050306;padding:16px;display:flex;flex-direction:column;gap:12px;color:#050306}
.tdir__t{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none!important;color:#050306!important}
.tdir__t b{font-size:20px;font-weight:700}.tdir__t:hover b{text-decoration:underline}
.tdir__n,.tdir__l span{font:600 14px/1 "IBM Plex Mono",ui-monospace,monospace;color:#655C70}
.tdir__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tdir__l a{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #E5E2E9;color:#050306!important;text-decoration:none!important;font-size:15px}
.tdir__l a:hover{text-decoration:underline!important}
.tdir__l a.is-empty{color:#8A8296!important}
.tdir__p{margin:0;color:#655C70;font-size:15px}
.tdir a:focus-visible{outline:2px solid #FF009D;outline-offset:2px}
/* events by location */
.tevl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0}
.tevl__l{font-weight:600;font-size:14px;margin-right:4px}
.tevl select{min-height:44px;border:2px solid #050306;border-radius:0;padding:0 10px;background:#fff;color:#050306;font:500 15px/1 Inter,sans-serif;max-width:220px}
.tevl__go{min-height:44px;padding:0 16px;border:2px solid #050306;background:#20FF19;color:#050306;font-weight:600;cursor:pointer;font-family:inherit}
.tevl__x{font-size:14px;color:inherit;text-decoration:underline}
.th-dark .tevl select,.hb-dark .tevl select{border-color:#fff}
/* credits editor */
.tct-gs{display:flex;flex-direction:column;gap:12px}
.tct-g{border:2px solid #E5E2E9;padding:12px;display:flex;flex-direction:column;gap:8px;background:#FBFAFC}
.tct-gh{display:flex;gap:8px;align-items:center}
.tct-gh input{flex:1;min-height:44px;border:2px solid #E5E2E9;border-radius:0;padding:8px 10px;font:600 15px/1.4 Inter,sans-serif;background:#fff;color:#050306}
.tct-gr{font-weight:700;font-size:15px}.tct-req{color:#B42318}
.tct-ps{display:flex;flex-direction:column;gap:8px}
.tct-p{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:8px}
.tct-p input{width:100%;min-height:44px;border:2px solid #E5E2E9;border-radius:0;padding:8px 10px;font:400 15px/1.4 Inter,sans-serif;background:#fff;color:#050306}
.tct-p input:focus,.tct-gh input:focus{border-color:#050306;outline:0}
.tct-at{position:relative;display:block}.tct-at>span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#655C70;font-weight:600}.tct-at input{padding-left:26px}
.tct-add{align-self:flex-start;background:none;border:0;padding:6px 0;font-weight:600;font-size:14px;color:#050306;text-decoration:underline;cursor:pointer;font-family:inherit}
.tct-loc{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tct-loc input{min-height:44px;border:2px solid #E5E2E9;border-radius:0;padding:8px 10px;font:400 15px/1.4 Inter,sans-serif}
@media (max-width:599px){.tct-p{grid-template-columns:minmax(0,1fr) 44px}.tct-p .tct-at{grid-column:1;grid-row:2}.tct-loc{grid-template-columns:1fr}}
.tct-dd{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}

/* tapau-rp14c */

.tfm-back{margin:0 0 16px;font-size:14px}
.tfm-rh{margin:24px 0 8px}
.tfm-n{font:600 12px/1 "IBM Plex Mono",ui-monospace,monospace;opacity:.7;margin-left:4px}
.tfm-cat{display:inline-block;align-self:flex-start;font:600 12px/1 "IBM Plex Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em;padding:4px 6px;border:1.5px solid currentColor;margin-bottom:4px}
.tfm-new{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.tfm-new__r{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.tfm-new select{min-height:44px;border:1.5px solid var(--p300,#B9AEC8);border-radius:0;padding:0 10px;background:#fff;font:inherit}
.tfm-new textarea{width:100%;min-height:120px}
@media (max-width:599px){.tfm-new__r{grid-template-columns:1fr}}

/* tapau-rp13 */

/* pins 4679/4680: [hidden] beats the flex display on cards and fields */
.mu [hidden],.mu-card[hidden],.mu-field[hidden]{display:none!important}
/* pin 4681: cover photo shows through the Harbor hero */
html body.tapau-v2 .mu-phero.has-cover{background-color:#352B40!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
html body.tapau-v2 .mu-phero.has-cover::before{background:linear-gradient(0deg,rgba(5,3,6,.9) 0%,rgba(5,3,6,.25) 100%)!important}
/* pin 4675: replies */
.rp{display:flex;flex-direction:column;gap:16px;margin:0 0 16px}
.rp-thread{display:flex;flex-direction:column;gap:10px}
.rp-kids{margin-left:44px;padding-left:12px;border-left:2px solid var(--p200,#DED7E8);display:flex;flex-direction:column;gap:12px}
.rp-slot{margin-left:44px}.rp-slot:empty{display:none}
.rp-acts{margin-top:2px}
.rp-btn{background:none;border:0;padding:4px 0;font-weight:600;font-size:14px;line-height:1.2;color:var(--p700,#4B3D5C);cursor:pointer;font-family:inherit}
.rp-btn:hover{text-decoration:underline}.rp-btn:focus-visible{outline:2px solid #FF009D;outline-offset:2px}
.rp-to{display:flex;gap:10px;align-items:center;font-size:14px;margin:0 0 8px}.rp-to[hidden]{display:none}
.tps-cm--reply .tps-av{width:24px;height:24px}
/* pin 4677: Featuring */
.tft-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tft-l a{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.tft-l img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover;flex:none}
.tft-n{display:flex;flex-direction:column;line-height:1.3}.tft-n b{font-weight:700;display:inline-flex;align-items:center}
.tft-l a:hover b{text-decoration:underline}
.tft-ask{border:2px solid var(--ink,#050306);padding:12px;display:flex;flex-direction:column;gap:10px;margin:0 0 12px;background:#fff;color:#050306}
.tft-ask p{margin:0;font-size:14px}
.tft-row{display:flex;gap:8px;flex-wrap:wrap}.tft-f{margin:0;display:inline-flex}
.tft-ed{margin-top:12px;border-top:1px solid var(--p200,#DED7E8);padding-top:4px}
.tft-ed summary{cursor:pointer;font-weight:600;padding:8px 0;font-size:14px}
.tft-add{display:flex;gap:8px;width:100%}.tft-add input{flex:1;min-width:0;min-height:44px;border:1.5px solid var(--p300,#B9AEC8);border-radius:0;padding:0 12px;font:inherit;background:#fff}
.tft .tps-btn{min-height:40px;padding:0 16px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.tft-pl{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.tft-pl li{display:flex;align-items:center;gap:8px}.tft-pl li .tft-f{margin-left:auto}
.tft-pill{font-size:12px;padding:2px 8px;border:1px solid currentColor;line-height:1.4}
.tft-pill--pending{color:#6B5A00}.tft-pill--declined{color:#B42318}.tft-pill--accepted{color:#016B00}
.tft-x{background:none;border:0;font-size:20px;cursor:pointer;line-height:1;padding:4px 8px;color:inherit}
.tft-note{font-size:14px;margin:0 0 10px;font-weight:600}
.tft-v{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tft-v a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;font-size:14px;line-height:1.3}
.tft-v img,.tft-v__ph{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;display:block;background:#211A2A}
/* pin 4678: verification durian */
.tvf{display:inline-block;width:.7em;height:.7em;min-width:14px;min-height:14px;margin-left:.3em;vertical-align:-.02em;flex:none;-webkit-mask:url(https://seed.tapau.asia/wp-content/uploads/2026/08/durianvector.svg) center/contain no-repeat;mask:url(https://seed.tapau.asia/wp-content/uploads/2026/08/durianvector.svg) center/contain no-repeat}
.tvf.is-off{background:#9A8FA8;opacity:.6}.tvf.is-on{background:#FF009D}
.tvf-lbl{font-weight:600;margin:0 0 4px}.tvf-type{display:flex;align-items:center;margin:0;font-size:16px}
.tvf-h{display:flex;align-items:center}.tvf-st{font-weight:700;margin:0}
.tvf-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px}
.tvf-code{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:600;background:#F3F0F7;padding:2px 6px;border:1px solid var(--p200,#DED7E8);user-select:all}

/* tapau-rp13b */

/* 4686: cover image layer + lighter overlay */
html body.tapau-v2 .mu-phero.has-cover{position:relative;overflow:hidden;background-image:none!important}
.mu-phero.has-cover>.tcv{position:absolute!important;inset:0;z-index:0;overflow:hidden}
.tcv__img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;user-select:none;-webkit-user-drag:none;pointer-events:none}
html body.tapau-v2 .mu-phero.has-cover::before{z-index:1!important;background:linear-gradient(0deg,rgba(5,3,6,.78) 0%,rgba(5,3,6,.42) 50%,rgba(5,3,6,.12) 100%)!important;transition:opacity .2s}
.mu-phero.has-cover>.mu-wrap{z-index:2}
.mu-phero.has-cover .mu-phero__id{text-shadow:0 1px 14px rgba(5,3,6,.5)}
.mu-phero.is-tcv-edit{cursor:grab;touch-action:none}.mu-phero.is-tcv-edit.is-drag{cursor:grabbing}
.mu-phero.is-tcv-edit::before{opacity:.15}
.mu-phero.is-tcv-edit>.mu-wrap{opacity:.25;pointer-events:none}
.tcv-ed{position:absolute;z-index:3;left:50%;top:16px;transform:translateX(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;padding:10px 14px;background:#050306;color:#fff;border:2px solid #fff;max-width:calc(100% - 32px)}
.tcv-ed[hidden]{display:none}
.tcv-ed__t{margin:0;font-weight:600;font-size:14px}
.tcv-ed__z{display:flex;align-items:center;gap:8px;font-size:14px}.tcv-ed__z input{width:140px;accent-color:#FF009D}
.tcv-ed__a{display:flex;gap:8px}
.tcv-b{min-height:40px;padding:0 16px;border:2px solid #fff;background:transparent;color:#fff;font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}
.tcv-b--p{background:#FF009D;border-color:#FF009D}
.tcv-b:focus-visible{outline:2px solid #20FF19;outline-offset:2px}
/* 4683: Featured in tab */
.tft-tabs .mu-tabs{margin:0}
.tft-tab{padding-top:16px}
.tft-v--grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.tft-v--grid a b{font-size:16px}
/* 4688: Wall activity extras */
.rp-wq{margin:8px 0 0;padding:8px 12px;border-left:3px solid var(--p300,#B9AEC8);font-size:14px;color:inherit;background:transparent}
.rp-wp img{width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover}
/* 4687: chat tabs sit above the staging comment toolbar */
@media (max-width:899px){body:has(.tpf-bar) .tnt-dock{bottom:calc(var(--tpm-tab-h,64px) + 72px)}}
@media (min-width:900px){body:has(.tpf-bar) .tnt-dock{right:24px}}

