/* Standalone web layout: keep the recovered visual assets and scope overrides. */
html { -webkit-text-size-adjust: 100%; }
body.web-account-mode {
  --web-header-height: calc(44px + env(safe-area-inset-top, 0px));
  --fd-safe-body-inset-top: 0px;
  --fd-safe-body-inset-bottom: env(safe-area-inset-bottom, 0px);
  --fd-bottom-tab-bar-height: calc(94px + env(safe-area-inset-bottom, 0px));
  box-sizing: border-box;
  padding-top: var(--web-header-height) !important;
  min-height: 100vh;
  min-height: 100dvh;
  background: #082e20;
}
body.web-account-mode .web-account-bar {
  height: var(--web-header-height);
  box-sizing: border-box;
  padding: env(safe-area-inset-top, 0px) max(14px, env(safe-area-inset-right, 0px)) 0 max(14px, env(safe-area-inset-left, 0px));
  font-size: 13px;
  background: #082e20;
}
.web-account-bar a { min-height: 44px; display: inline-flex; align-items: center; }
body.web-account-mode #app-root {
  height: calc(100vh - var(--web-header-height)) !important;
  height: calc(100dvh - var(--web-header-height)) !important;
}
body.web-account-mode .my-info { top: var(--web-header-height) !important; gap: 8px; }
body.web-account-mode .my-info-username { font-size: 14px; }
body.web-account-mode .my-info-tguser { font-size: 11px; opacity: .7; }
body.web-account-mode .home-page {
  height: calc(100vh - var(--web-header-height));
  height: calc(100dvh - var(--web-header-height));
  max-width: var(--fd-max-width, 540px);
}
body.web-account-mode .bottom-tab-bar {
  bottom: calc(8px + env(safe-area-inset-bottom, 0px));
  width: min(calc(100% - 16px), 520px);
}
body.web-account-mode .bottom-tab-bar button { min-width: 44px; min-height: 44px; touch-action: manipulation; }
body.web-account-mode :is(input, textarea, select) { font-size: 16px; }
body.web-account-mode :is(input, textarea) { scroll-margin-block: 100px; }
body.web-account-mode :is(.task-item-left, .task-item-title) { min-width: 0; overflow-wrap: anywhere; }
body.web-account-mode .task-item .action-go { min-height: 44px; }
body.web-account-mode .share-primary .share-area > :is(.invite-card, .copy-btn) { min-height: 44px; }
body.web-account-mode .share-primary .share-area > .copy-btn { flex-basis: 44px; width: 44px; }
body.web-account-mode :is(.popup-base, .drawer-content) {
  box-sizing: border-box;
  max-width: calc(100vw - 16px) !important;
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  overflow-y: auto;
  overscroll-behavior: contain;
}
body.web-account-mode :is(.popup-body, .drawer-body) { min-width: 0; min-height: 0; }
body.web-account-mode :is(#web-invite-dialog, .web-task-dialog) {
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: auto;
  padding: 24px;
  border-radius: 20px;
}
body.web-account-mode :is(#web-invite-dialog .invite-close, .web-task-dialog .close-task) {
  width: 44px; height: 44px; right: 6px; top: 6px; padding: 0;
}
body.web-account-mode #web-invite-dialog input { font-size: 16px; }
body.web-account-mode :is(#web-invite-title, .web-task-dialog h2) { padding-right: 24px; }
body.web-account-mode .web-unavailable { margin: 8vh auto; box-sizing: border-box; width: 100%; }
@media (max-width: 360px) {
  body.web-account-mode .my-info { padding-inline: 10px; gap: 6px; }
  body.web-account-mode .my-info-avatar { width: 28px; height: 28px; }
  body.web-account-mode .my-info-left { gap: 6px; }
  body.web-account-mode .share-primary .share-area > .invite-card > span.title { font-size: 14px; }
  body.web-account-mode :is(#web-invite-dialog, .web-task-dialog) { padding: 20px; }
  body.web-account-mode #web-invite-title { font-size: 24px; }
}
@media (max-height: 480px) and (orientation: landscape) {
  body.web-account-mode .wheel-stack { max-width: 280px; }
  body.web-account-mode .share-primary { padding-top: 2px; }
  body.web-account-mode :is(#web-invite-dialog, .web-task-dialog) { padding-block: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body.web-account-mode .bottom-tab-bar *, body.web-account-mode dialog { animation: none !important; transition: none !important; }
}
/* Fit the whole wheel above the persistent actions on short portrait screens. */
body.web-account-mode .home-page .wheel-stack {
  max-width: clamp(200px, calc(100dvh - 360px), 480px);
}
@media (max-height: 480px) and (orientation: landscape) {
  body.web-account-mode .home-page { overflow-y: auto; }
  body.web-account-mode .home-page .wheel-zone { flex: 0 0 auto; min-height: 390px; }
  body.web-account-mode .home-page .wheel-scroll { position: relative; height: auto; overflow: visible; }
  body.web-account-mode .home-page .wheel-stack { max-width: 240px; }
}

/* Keep readable controls in Telegram without adding the web account header. */
body.telegram-account-mode :is(input, textarea, select) { font-size:16px; }
body.telegram-account-mode :is(.action-go, .copy-btn, .submit-task) { min-height:44px; }
body.telegram-account-mode :is(.popup-base, .drawer-content, .web-task-dialog) {
  max-width:calc(100vw - 16px); max-height:calc(100dvh - 32px); overflow-y:auto; overscroll-behavior:contain;
}
body.telegram-account-mode .web-task-dialog { margin:auto; padding:24px; border-radius:20px; }

/* USD wiring inside the original components, without replacing the layout. */
.usd-original-mode .usd-prize-label{display:block!important;color:#fff9cb;font-size:14px;font-weight:800;white-space:nowrap;text-shadow:0 1px 3px #482600;margin-bottom:2px}
.usd-original-mode .asset-row--ecx .asset-usd-equivalent,.usd-original-mode .asset-row--ecx .asset-actions{display:none!important}

/* Keep the recovered layout; use installed Ethiopic fonts without remote assets. */
html[data-earncraft-market="etb"] body,
html[data-earncraft-market="etb"] button,
html[data-earncraft-market="etb"] input,
html[data-earncraft-market="etb"] textarea,
html[data-earncraft-market="etb"] select {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Noto Sans Ethiopic", "Nyala", "Abyssinica SIL", sans-serif;
}
.etb-original-mode .wallet-scroll > .wallet-list:not(.etb-payout-card),
.etb-original-mode .wallet-scroll > .records-actions,
.etb-original-mode .wallet-asset-switch {display:none!important}
.etb-payout-card{padding:16px!important;color:#f0f3dc}
.etb-payout-card button{margin:8px 8px 0 0;padding:12px 16px;border:0;border-radius:12px;background:#efce77;color:#153329;font:inherit;min-height:44px}
.etb-payment-dialog select,.etb-payment-dialog input{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px;margin:8px 0 16px;background:#17382d;color:#fff;border:1px solid #58735a;border-radius:8px}
.etb-payment-dialog article{padding:12px 0;border-bottom:1px solid #58735a;overflow-wrap:anywhere}
.etb-original-mode .withdraw-asset-switch,
.etb-original-mode [data-testid="withdraw-primary-action"],
.etb-original-mode .asset-row--ecx {display:none!important}
/* Ethiopic copy needs natural line height and flexible cards on 320–430px screens. */
.etb-original-mode :is(.task-item-left,.task-item-title,.card-copy,.asset-copy,.setting-label,.team-invite-card,.invite-inline){min-width:0}
.etb-original-mode :is(.task-item-title,.invite-reward,.task-description,.etb-payout-card p,.web-task-dialog p,.web-task-dialog label,.setting-label){overflow-wrap:anywhere;white-space:normal;line-height:1.5}
.etb-original-mode .share-primary .share-area > .invite-card{height:auto;min-height:44px;padding:6px 10px;box-sizing:border-box}
.etb-original-mode .share-primary .share-area > .invite-card > span.title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-style:normal;line-height:1.45;font-size:clamp(12px,3.5vw,16px)}
.etb-original-mode .share-primary .share-area > .copy-btn{flex-shrink:0;align-self:stretch;height:auto;min-height:44px}
.etb-original-mode :is(.action-go,.submit-task,.etb-payout-card button){height:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.4;min-height:44px}
.etb-original-mode .bottom-tab-bar .tab-label{white-space:normal;line-height:1.3;font-size:clamp(9px,2.5vw,11px);overflow-wrap:anywhere}
.etb-original-mode .web-task-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px;overflow-wrap:anywhere}
.etb-original-mode .web-task-dialog h2{padding-right:28px;line-height:1.4;font-size:21px}
.etb-original-mode .web-task-dialog :is(input,textarea,select){min-width:0;max-width:100%;box-sizing:border-box}
.etb-original-mode .web-task-dialog .submit-task{width:100%;padding:12px}
@media(max-width:360px){
 .etb-original-mode .my-info{gap:6px;padding-inline:8px}
 .etb-original-mode .my-info-left{min-width:0}
 .etb-original-mode .my-info-avatar{width:26px;height:26px}
 .etb-original-mode .my-info-username{font-size:12px}
 .etb-original-mode .my-info-tguser{font-size:10px}
 .etb-original-mode .web-task-dialog{padding:18px}
 .etb-original-mode .etb-payout-card{padding:12px!important}
}
/* Keep the full Amharic action label inside the original wheel hub. */
.etb-original-mode .spin-copy .spin-primary{max-width:100%;font-size:clamp(11px,3.5vw,19px);line-height:1.25;letter-spacing:0;white-space:normal;text-align:center;overflow-wrap:anywhere}
/* Retired legacy functionality: keep only the PHP campaign's usable controls. */
.etb-original-mode :is(.profile-vip-chip,.vip-card,.vip-summary-card,.profile-vip-skeleton,[data-testid="my-asset-guide"],.asset-row--gems,.vip-entry){display:none!important}
.etb-payment-dialog :is(button,select){min-height:44px}
.etb-payment-dialog button:not(.close-task){padding:10px 14px;margin:6px 6px 6px 0;border-radius:10px;border:0;background:#efce77;color:#153329;font:inherit}
.etb-payment-dialog li{margin:10px 0;line-height:1.5;overflow-wrap:anywhere}
.etb-payment-dialog [hidden]{display:none!important}
.etb-original-mode :is([data-testid="my-vip-entry"],.boost-row,.boost-section,.boost-panel){display:none!important}
.etb-original-mode .boosts-panel{display:none!important}
/* Large touch targets without changing the recovered green/gold composition. */
.etb-original-mode .share-primary .share-icons{gap:8px;flex-wrap:nowrap;min-height:36px;padding:2px 0}
.etb-original-mode .share-primary .share-icons>img[role="button"]{width:36px;height:36px;box-sizing:border-box;padding:4px;border:1px solid #eac84c66;border-radius:10px;background:#075731;object-fit:contain;cursor:pointer;flex-shrink:0}
.etb-original-mode .share-primary .share-icons>img:focus-visible{outline:3px solid #f5d75c;outline-offset:2px}

.etb-original-mode .share-primary .share-area{margin-bottom:2px}

.ph-campaign{box-sizing:border-box;max-width:540px;margin:auto;padding:10px 14px;background:#173d2a;color:#f3cd75;font:13px/1.5 system-ui}.ph-campaign strong,.ph-campaign span{display:block}.ph-campaign details{color:#d9e9dc;font-size:12px}.ph-campaign summary{cursor:pointer}.ph-campaign p{margin:8px 0}.etb-payment-dialog select{display:block;width:100%;box-sizing:border-box;padding:12px;margin:8px 0;background:#173d2a;color:#fff;border:1px solid #58735a;border-radius:8px;font:inherit}
body.web-account-mode .my-info{top:calc(var(--web-header-height) + var(--ph-band-height,0px))!important}
body.web-account-mode #app-root,body.web-account-mode .home-page{height:calc(100dvh - var(--web-header-height) - var(--ph-band-height,0px))!important}
body.web-account-mode .home-page .wheel-stack{max-width:clamp(200px,calc(100dvh - 360px - var(--ph-band-height,0px)),480px)}
.ph-campaign{max-height:35dvh;overflow:auto}

/* Philippines refresh: a quieter frame keeps the wheel and balance in focus. */
body.web-account-mode{background:#092e24}
body.web-account-mode .web-account-bar{background:#092e24;color:#f6e7b9;border-bottom:1px solid #ffffff0c;padding-inline:max(20px,env(safe-area-inset-left));font-size:16px;font-weight:750;letter-spacing:-.3px}
body.web-account-mode .web-account-bar a{font-size:12px;font-weight:500;color:#bed1bf}
body.web-account-mode .ph-campaign{position:relative;overflow:visible;z-index:50;max-height:none;max-width:540px;padding:18px 20px 14px;background:#103a2b;color:#f9f3dc;border-bottom:1px solid #e6d39b20}
.ph-campaign .ph-eyebrow{font-size:8px;font-weight:750;letter-spacing:1.4px;color:#c9b979;margin-bottom:5px}
.ph-campaign .ph-campaign-copy>strong{font-size:23px;font-weight:750;line-height:1.2;letter-spacing:-.6px}
.ph-campaign .ph-welcome{font-size:11px;color:#b8ccb9;margin-top:7px;max-width:320px}
.ph-campaign details{font-size:10px;color:#e1c978;margin-top:8px}
.ph-campaign summary{width:max-content;min-height:28px;line-height:28px}
.ph-campaign .ph-rules{position:absolute;z-index:55;left:12px;right:12px;top:calc(100% - 8px);padding:16px 18px;border:1px solid #bfa86b55;border-radius:14px;background:#123c2d;box-shadow:0 16px 40px #001d17aa;max-height:45dvh;overflow:auto;color:#e8efdf;font-size:12px}
body.web-account-mode .my-info{padding-inline:18px!important;background:transparent!important}
body.web-account-mode .my-info-tguser{display:none}
body.web-account-mode .my-info-username{font-style:normal;font-weight:650;font-size:13px}
body.web-account-mode .home-page{background:radial-gradient(ellipse at 50% 42%,#235c3c 0,#123c2b 55%,#0b3024 100%)!important}
body.web-account-mode .bottom-tab-bar{background:#092e24ed!important;border:1px solid #b2bc8b29!important;border-radius:24px!important;box-shadow:0 8px 30px #001e1877!important;backdrop-filter:blur(12px)}
body.web-account-mode .share-primary .share-area>.invite-card{background:linear-gradient(110deg,#f0d68b,#d8b65e)!important;color:#143a28!important;border:1px solid #f5df9e!important;border-radius:14px!important;box-shadow:0 5px 14px #001c1422!important;text-shadow:none!important}
body.web-account-mode .share-primary .share-area>.invite-card>span.title{color:#173c29!important;font-size:14px;font-weight:750}
body.web-account-mode .share-primary .share-area>.copy-btn{background:#214e37!important;border:1px solid #d9c58255!important;border-radius:12px!important}
body.web-account-mode .share-primary .share-icons>img[role=button]{background:#153d2c;border-color:#c6b87944}
body.web-account-mode .home-page .wheel-stack{max-width:clamp(210px,calc(100dvh - 335px - var(--ph-band-height,0px)),450px)}
@media(min-width:761px){body.web-account-mode .ph-campaign{border-radius:0 0 18px 18px}.ph-campaign .ph-campaign-copy>strong{font-size:25px}}
@media(max-height:740px){body.web-account-mode .ph-campaign{padding-block:10px 6px}.ph-campaign .ph-campaign-copy>strong{font-size:20px}.ph-campaign .ph-eyebrow{display:none}.ph-campaign details{margin-top:3px}.ph-campaign .ph-welcome{margin-top:4px;font-size:10px}}
@media(max-height:680px){
 body.web-account-mode .home-page{overflow-y:auto!important;overscroll-behavior:contain}
 body.web-account-mode .home-page .my-info{position:sticky!important;top:0!important;flex-shrink:0;background:#123c2b!important;z-index:20}
 body.web-account-mode .home-page .wheel-zone{flex:0 0 auto;height:auto;min-height:305px;overflow:visible}
 body.web-account-mode .home-page .wheel-scroll{position:relative;height:auto;overflow:visible}
 body.web-account-mode .home-page .scroll-content{padding-top:0}
 body.web-account-mode .home-page .share-primary{flex-shrink:0}
}
/* Fit each prize inside its own sector, even on narrow screens. */
body.web-account-mode .legacy-plate-layer .legacy-wheel .prize-item{height:91%;gap:3px}
body.web-account-mode .legacy-plate-layer .legacy-wheel .prize-item img{order:1;width:10%;height:10%;min-width:14px;min-height:14px;max-width:30px;max-height:30px;filter:none}
body.web-account-mode .legacy-plate-layer .legacy-wheel .usd-prize-label{order:2;font-size:clamp(9px,2.9vw,12px);font-weight:800;line-height:1.1;letter-spacing:-.25px;max-width:29%;margin:0;white-space:nowrap;text-align:center;text-shadow:0 1px 2px #29402ca0}
body.web-account-mode .ph-campaign{padding:12px 18px 7px}
.ph-campaign .ph-eyebrow{display:none}
.ph-campaign .ph-campaign-copy>strong{font-size:21px}
.ph-campaign .ph-welcome{font-size:10px;line-height:1.5;margin-top:5px}
.ph-campaign details{margin-top:3px}
body.web-account-mode .share-primary .share-area>.invite-card>span.title{white-space:normal;font-size:13px;line-height:1.25;overflow-wrap:normal}
body.web-account-mode :is(.team-page,.task-page,.profile-page,.wallet-scroll){overflow-wrap:break-word}
body.web-account-mode :is(.card-copy,.task-item-left,.asset-copy,.setting-label){min-width:0}
body.web-account-mode .bottom-tab-bar .tab-label{font-size:10px;white-space:nowrap;letter-spacing:0}
body.web-account-mode .bottom-tab-bar img{max-width:48px;max-height:48px;object-fit:contain}
@media(max-height:680px){body.web-account-mode .home-page .my-info{left:0!important;right:auto!important;transform:none!important;width:100%!important;max-width:none!important}}
/* Keep promotion on the wheel page; leave other screens focused on their task. */
body.web-account-mode:not(:has(.home-page)) .ph-campaign{display:none}
body.web-account-mode .metric-label{min-height:30px;align-items:center;gap:4px}
body.web-account-mode .metric-label>span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25;font-size:11px;overflow-wrap:normal}
body.web-account-mode .metric-help{flex-shrink:0}
body.web-account-mode .my-info-left{min-width:0;flex:1}
body.web-account-mode .my-info-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
body.web-account-mode :is(.team-invite-card,.invite-task,.setting-label){line-height:1.4}

body.web-account-mode .daily > .title {height:auto!important;min-height:36px;padding:8px 12px!important;font-size:21px!important;line-height:1.3!important;font-style:normal!important;}
body.web-account-mode .daily > .title img {display:none!important;}
body.web-account-mode .daily > .title span {position:static!important;white-space:normal!important;}
.ph-signin-rule {margin:8px 16px 14px;font-size:14px;line-height:1.5;color:#fff;text-align:left;}
.ph-cashout-rule {margin:7px 0;font-size:12px;line-height:1.4;color:#e9d891;}
body.web-account-mode .daily > .title {box-sizing:border-box!important;width:auto!important;max-width:100%!important;margin-inline:16px!important;}

/* Recipient choices follow the existing green-and-gold wallet palette. */
.etb-original-mode .etb-payment-dialog{background:#123b2d;color:#f3f4e8;border:1px solid #58704b;box-shadow:0 24px 70px #0008}
.etb-payment-dialog h3{font-size:18px;margin:18px 0 8px;color:#f6df9d}
.etb-payment-dialog .payment-hint,.etb-payment-dialog small{color:#b6cbbd;font-size:12px;line-height:1.5}
.etb-payment-dialog nav{display:flex;gap:5px;border-bottom:1px solid #41634d;padding-bottom:12px}
.etb-payment-dialog nav button:not(.close-task){flex:1;margin:0;padding:9px 6px;font-size:12px;background:#214b38;color:#dce8dc}
.etb-payment-dialog nav button[aria-current=page]{background:#efce77;color:#153329}
.etb-payment-dialog .recipient-types,.etb-payment-dialog .wallet-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.etb-payment-dialog :is(.recipient-types,.wallet-options) button{margin:0;background:#1c4936;color:#e3eee4;border:1px solid #597958;font-weight:700}
.etb-payment-dialog :is(.recipient-types,.wallet-options) button[aria-pressed=true]{border-color:#efd587;background:#305c40;color:#ffe4a1;box-shadow:inset 0 0 0 1px #efd587}
.etb-payment-dialog .recipient-form label{display:block;font-size:13px;color:#e8eee1;margin-top:18px}
.etb-payment-dialog .recipient-form input{margin:7px 0 5px;background:#0d2e23;border-color:#55765b}
.etb-payment-dialog input::placeholder{color:#9bb3a2}
.etb-payment-dialog input:focus{outline:2px solid #e6c878;outline-offset:2px}
.etb-payment-dialog .save-recipient{width:100%;margin:22px 0 5px!important;font-weight:750!important;background:linear-gradient(120deg,#f1d98c,#d9b45c)!important}
.etb-payment-dialog .recipient-card{position:relative;display:block;width:100%;box-sizing:border-box;text-align:left;border:1px solid #58765b!important;border-radius:12px;padding:14px!important;margin:10px 0!important;background:#1b4634!important;color:#f1f2df!important}
.etb-payment-dialog .recipient-card[aria-pressed=true]{border-color:#f0d48a!important;box-shadow:inset 0 0 0 1px #f0d48a}
.etb-payment-dialog .recipient-card :is(strong,span,small){display:block;padding-right:56px;overflow-wrap:anywhere}
.etb-payment-dialog .recipient-card button{position:absolute;right:8px;top:9px;margin:0;background:transparent;color:#f1d58c;padding:6px}
.etb-payment-dialog .payment-link{background:transparent!important;color:#f1d58c!important;text-decoration:underline;padding-left:0!important}
.etb-payment-dialog button:focus-visible{outline:2px solid #f7e6a5;outline-offset:3px}

.etb-original-mode .etb-payment-inline{width:100%;max-height:none;overflow:visible;box-sizing:border-box;margin:0;padding:18px;border:1px solid #41634d;border-radius:16px;box-shadow:none;background:#123b2d;color:#f3f4e8}
.etb-payout-card:has(.etb-payment-inline){margin:12px 0 24px;padding:0;background:transparent}
.etb-payment-inline nav{position:static}
.etb-payment-inline section>p{font-size:13px;line-height:1.6;color:#d4e4d5;margin:14px 0}
.etb-payment-inline [role=status]{font-size:13px;line-height:1.5;color:#f1d58c;overflow-wrap:anywhere}
.etb-payment-inline [role=status]:empty{display:none}
.etb-original-mode .wallet-scroll>.note{display:none}
.etb-original-mode .etb-payout-card:has(.etb-payment-inline){padding:0!important;margin:0 0 24px!important}

/* Text close controls remain visible and tappable above scrollable help. */
body.web-account-mode .sheet-drawer-top{min-height:64px;padding:12px 84px 12px 16px;}
body.web-account-mode .sheet-drawer-top :is(button.close,button.team-drawer-close){width:68px;height:44px;min-height:44px;right:8px;top:8px;border:1px solid #f1da9299;border-radius:12px;background:#174b32;color:#fff;font:600 14px/1 system-ui;cursor:pointer;touch-action:manipulation;}
body.web-account-mode .sheet-drawer-top :is(button.close,button.team-drawer-close):focus-visible{outline:3px solid #f4da83;outline-offset:2px;}

/* One short first-visit cue; no new images and no synthetic spin clicks. */
@keyframes ph-spin-guide-pulse{0%,100%{scale:1}50%{scale:1.06}}
body.web-account-mode .spin-control.ph-spin-guide{animation:ph-spin-guide-pulse .9s ease-in-out 3;}
body.web-account-mode .spin-control.ph-spin-guide::after{content:"Tap to spin";position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);padding:6px 10px;border-radius:12px;background:#103e2e;color:#ffe7a1;border:1px solid #e3c467;font:600 12px/1.2 system-ui;text-transform:none;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0004;}
@media(prefers-reduced-motion:reduce){body.web-account-mode .spin-control.ph-spin-guide{animation:none;}}

body.web-account-mode .ph-campaign{padding:8px 14px;font-size:11px;line-height:1.5} .ph-campaign a{color:#f3cd75;display:inline-block;padding:5px 0;text-decoration:underline} .ph-progress{color:#f9f3dc}
body.web-account-mode.telegram-account-mode {--web-header-height:var(--tg-content-top,0px);padding-bottom:var(--tg-content-bottom,0px)}
.telegram-account-mode .web-account-bar {top:var(--tg-content-top,0px)}

.telegram-account-mode .ph-telegram-share{border:0;border-radius:18px;padding:9px 12px;background:#238acb;color:white;font-weight:700}.telegram-account-mode .share-icons img{display:none}