.promo-dialog{width:min(810px,calc(100vw - 28px));max-height:90dvh;padding:30px;background:#11100e;border:1px solid #5a4d2c;color:#f4efdf}.promo-dialog h2{font-size:38px;margin:8px 0}.promo-intro,.promo-note{color:#a9a497;line-height:1.45}.promo-pack{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 10px;background:radial-gradient(ellipse,#3d31172e,transparent);border-block:1px solid #ffffff12;margin:18px 0}.promo-pack img{width:62px;aspect-ratio:5/7;object-fit:contain;filter:drop-shadow(0 5px 8px #0008)}.promo-pack img:first-child{transform:rotate(-9deg)}.promo-pack img:nth-child(3){transform:rotate(9deg)}.promo-pack>div{margin-left:20px;display:grid;gap:5px}.promo-pack strong{font-size:28px;color:#ffdc54}.promo-pack span{font-size:10px;letter-spacing:1px;color:#b8afa0}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.promo-task{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid #ffffff20;border-radius:12px;background:#191713;overflow:hidden}.promo-task h3{font-size:25px;margin:0}.promo-task p{margin:0;color:#bfb9ac;line-height:1.5;font-size:14px}.promo-task a{font-size:12px;color:#ffdc54;text-underline-offset:4px;overflow-wrap:anywhere}.promo-task label{font-size:11px;color:#bfb9ac}.promo-task input{width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #514938;border-radius:6px;background:#0b0b0b;color:#f4efdf;font:inherit;font-size:13px}.promo-symbol{align-self:flex-end;color:#ffdc54;font-size:30px}.social-task .promo-symbol{color:#e9e5df}.promo-state{margin-top:auto;padding-top:15px;color:#ffdc54;font-size:12px;letter-spacing:1px}.promo-task button{width:100%;padding:13px 8px;font-size:13px}.promo-task button:disabled{opacity:.45;cursor:default}.promo-checks{display:flex;gap:6px;flex-wrap:wrap}.promo-checks span{font-size:12px;padding:7px;border:1px solid #ffffff18;border-radius:5px;color:#aaa69a}.promo-checks .verified{color:#c2eb8b;border-color:#97bf6155;background:#74934b16}.promo-account{background:transparent;color:#ffdc54;border:0;padding:4px 0 18px;font:inherit;cursor:pointer}.promo-note{font-size:12px}.menu-promo>span:first-child{color:#cf9af7;font-size:30px}.promo-admin{grid-column:1/-1}.promo-admin .split{margin-bottom:12px}.promo-admin select{padding:12px;background:#111;color:#eee;border:1px solid #555}.profile-dialog #profileX{display:block;margin:10px 0}.profile-dialog #linkWalletButton,.profile-dialog #linkXButton{margin:10px 0 22px;justify-content:center}.promo-dialog [hidden]{display:none!important}@media(max-width:600px){.promo-dialog{padding:23px 17px}.promo-grid{grid-template-columns:1fr}.promo-pack{gap:5px}.promo-pack img{width:48px}.promo-pack>div{margin-left:10px}.promo-pack strong{font-size:23px}.promo-pack span{font-size:8px}.promo-task{padding:18px}.promo-dialog h2{font-size:30px}}
.menu-promo small{margin-left:auto;font-size:8px;white-space:nowrap;color:#cf9af7}.menu-promo>span:first-child{width:19px;flex-shrink:0;font-size:23px}.menu-promo>span:nth-child(2){white-space:nowrap}
.account-dialog{max-height:calc(100dvh - 30px);overflow-y:auto}
@media(max-width:600px){#startCard{top:236px;max-height:calc(100dvh - 510px);overflow-y:auto;scrollbar-width:thin;padding-right:5px}.menu-promo small{font-size:7px}.menu-promo>span:first-child{width:16px;font-size:20px}}
@media(max-width:600px) and (max-height:620px){#startCard{top:228px;max-height:calc(100dvh - 484px)}#startCard .menu-tagline,#startCard .menu-kicker{display:none}}
@media(max-height:470px) and (min-width:601px){#startCard{max-height:calc(100dvh - 90px);overflow-y:auto;scrollbar-width:thin}}
/* Raised, slightly crooked game plates; the reward plate gets the spotlight. */
.account-actions{position:absolute;left:50%;top:max(24px,calc(env(safe-area-inset-top) + 10px));transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:14px}
#accountActions #signInButton,.promo-header-button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:62px;min-height:62px;padding:0 18px;border:2px solid #100f0b;border-radius:5px;background:linear-gradient(145deg,#494337,#201e19);color:#fff3d1;box-shadow:0 5px 0 #080807bd,inset 0 0 0 1px #cbb99380;transform:rotate(-2deg);font:700 20px var(--display);letter-spacing:.4px;white-space:nowrap;cursor:pointer;transition:transform .18s,border-color .18s}
#accountActions #accountTag{display:none}
#accountActions #signInButton{left:auto;top:auto;flex-shrink:0}
#accountActions #signInButton .ui-icon{width:29px;height:29px;flex-shrink:0;color:#ead49f;filter:drop-shadow(0 2px 0 #0007)}
#accountActions #signInButton.is-signed-in{background:linear-gradient(145deg,#424b32,#21251c);box-shadow:0 5px 0 #080807bd,inset 0 0 0 1px #bcd38b88}
#accountActions #signInButton.is-signed-in .ui-icon{color:#cce99a}
.account-button-copy,.promo-header-copy{display:grid;gap:3px;text-align:left;position:relative;z-index:1}
.account-kicker,.promo-header-copy small{font:700 7px var(--body);letter-spacing:1.2px;color:#c9c0a9}
#accountActions #signInButton:hover{border-color:#e9d397;transform:translateY(-2px) rotate(0)}
.promo-header-button{isolation:isolate;overflow:hidden;gap:10px;padding:0 23px 0 12px;transform:rotate(2deg);background:linear-gradient(125deg,#ffe99b,#e9b93f 62%,#f5d167);color:#382707;box-shadow:0 5px 0 #5b3e12,inset 0 0 0 1px #fff2b5,0 0 24px #ffcf4e35;animation:promo-glow 3.6s ease-in-out infinite}
.promo-header-copy small{color:#765018;font-size:8px}.promo-header-copy strong{font:700 22px var(--display);letter-spacing:.1px;text-shadow:0 1px #fff0b2}
.promo-header-button::before{content:"";position:absolute;inset:-50% auto -50% -70%;width:40%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fffbe4aa,transparent);animation:promo-shine 4.8s ease-in-out infinite;pointer-events:none}
.promo-header-button:hover{border-color:#fff0ae;transform:translateY(-3px) rotate(0)}
.promo-header-art{position:relative;z-index:1;display:flex;align-items:center;width:59px;height:49px;flex-shrink:0;filter:drop-shadow(0 3px 2px #5c341066)}
.promo-header-art img{width:30px;height:43px;object-fit:contain;margin-left:-16px;transform:rotate(-17deg)}.promo-header-art img:first-child{margin-left:0}.promo-header-art img:nth-child(2){transform:translateY(-3px);z-index:1}.promo-header-art img:last-child{transform:rotate(17deg)}
.promo-spark{position:absolute;z-index:2;color:#fff9dc;text-shadow:0 0 7px #fff8c7;pointer-events:none;animation:promo-sparkle 3.2s ease-in-out infinite}.promo-spark-one{right:7px;top:5px;font-size:17px}.promo-spark-two{left:7px;bottom:1px;font-size:13px;animation-delay:1.5s}
@keyframes promo-shine{0%,55%{left:-70%}85%,100%{left:150%}}
@keyframes promo-glow{0%,100%{box-shadow:0 5px 0 #5b3e12,inset 0 0 0 1px #fff2b5,0 0 16px #ffcf4e25}50%{box-shadow:0 5px 0 #5b3e12,inset 0 0 0 1px #fff2b5,0 0 29px #ffcf4e66}}
@keyframes promo-sparkle{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}
#accountActions button:focus-visible,.promo-task-tile:focus-visible,.promo-back:focus-visible{outline:2px solid #ffdc54;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.promo-header-button,.promo-header-button::before,.promo-spark{animation:none}#accountActions button{transition:none}}
.promo-task-list{display:grid;gap:12px}.promo-task-tile{display:flex;align-items:center;gap:18px;width:100%;padding:22px;text-align:left;border:1px solid #75603960;border-radius:10px;background:linear-gradient(110deg,#292316,#181612 65%);color:#f4efdf;cursor:pointer;transition:background .15s,border-color .15s}.promo-task-tile:hover{background:#302919;border-color:#dcc075}.promo-task-tile.social-tile{background:linear-gradient(110deg,#252331,#181612 65%);border-color:#89719650}.promo-task-tile.social-tile:hover{border-color:#bb9ddb}.task-tile-icon{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;background:#ffdc540a;border:1px solid #ffdc5430;border-radius:9px;color:#ffdc54;font-size:28px}.social-tile .task-tile-icon{color:#d9bef0;border-color:#d9bef030;background:#d9bef00a}.task-tile-copy{display:grid;gap:7px}.task-tile-copy>small{color:#bdb096;font-size:9px;letter-spacing:1.4px}.task-tile-copy strong{font:700 23px var(--display)}.task-tile-copy>span{color:#ada89b;font-size:12px}.task-tile-meta{display:grid;justify-items:end;gap:9px;margin-left:auto;white-space:nowrap}.task-tile-meta>b{font:700 16px var(--display);color:#ffdc54}.task-tile-meta>small{font-size:9px;color:#c8bca0;letter-spacing:.7px}.promo-claim-badge{align-self:flex-start;width:max-content;padding:5px 8px;border:1px solid #c6b79435;background:#b8aa7c0a;border-radius:4px;color:#afa99a;font-size:10px;letter-spacing:.6px}.promo-claim-badge.is-claimed{border-color:#9ec76755;background:#91bb6412;color:#c5e99b}.promo-task-tile.is-claimed{border-color:#91bb6460}.promo-back{display:block;border:0;background:transparent;color:#e5cb89;font:700 12px var(--body);padding:0 0 15px;cursor:pointer}.promo-steps{margin:4px 0;padding-left:23px;color:#e5ddcd;font-size:14px;line-height:1.6}.promo-steps li+li{margin-top:7px}.promo-task p.promo-detail-note{font-size:12px;color:#a9a28f}.promo-task .promo-symbol{position:absolute;right:22px;top:20px}.promo-task h3{padding-right:35px}.promo-dialog .promo-intro{margin-bottom:0}.promo-dialog .promo-pack{padding:14px 8px;margin:15px 0}.promo-dialog .promo-pack img{width:52px}
@media(max-width:600px){.account-actions{top:max(10px,calc(env(safe-area-inset-top) + 7px));gap:7px}#accountActions #signInButton,.promo-header-button{height:48px;min-height:48px;padding:0 11px;font-size:16px;gap:8px}.promo-task-tile{padding:15px 12px;gap:10px;flex-wrap:wrap}.task-tile-icon{width:34px;height:38px;font-size:23px}.task-tile-copy strong{font-size:19px}.task-tile-copy>small{font-size:8px;letter-spacing:.7px}.task-tile-copy>span{font-size:11px}.task-tile-meta{grid-template-columns:auto 1fr auto;align-items:center;width:100%;margin-left:0;padding-top:12px;border-top:1px solid #ffffff10;gap:8px}.task-tile-meta>b{font-size:13px}.task-tile-meta>small{font-size:8px}.promo-claim-badge{font-size:9px}.promo-steps{font-size:13px}}
@media(max-height:470px) and (min-width:601px){.account-actions{left:calc(50% - 60px);top:12px}#accountActions #signInButton,.promo-header-button{height:48px;min-height:48px;padding:0 11px;font-size:16px;gap:8px}}
/* Use the frame mode so opening chat or a dialog does not restore menu actions. */
.game-frame:not([data-mode=ready]) .touch-settings{left:max(14px,calc(env(safe-area-inset-left) + 8px));top:max(12px,calc(env(safe-area-inset-top) + 8px));width:44px;height:44px;border:1px solid #ffffff24;border-radius:8px;background:#151512f2;box-shadow:0 3px 12px #0003}
.game-frame:not([data-mode=ready]) .account-actions{left:calc(max(14px,env(safe-area-inset-left) + 8px) + 52px);top:max(12px,calc(env(safe-area-inset-top) + 8px));transform:none;width:auto}
.game-frame:not([data-mode=ready]) #accountActions #signInButton{height:44px;min-height:44px;padding:0 12px;font-size:13px;gap:7px}
.game-frame:not([data-mode=ready]) #promoHeaderButton{display:none}

@media(max-width:600px),(max-height:470px){#accountActions #signInButton .ui-icon{width:22px;height:22px}.account-kicker{font-size:6px;letter-spacing:.6px}.promo-header-copy strong{font-size:17px}.promo-header-copy small{font-size:6px;letter-spacing:.8px}.promo-header-art{width:43px;height:39px}.promo-header-art img{width:24px;height:34px;margin-left:-15px}.promo-header-button{padding-right:18px!important}.promo-spark-one{font-size:12px;right:4px;top:3px}}
.game-frame:not([data-mode=ready]) #accountActions #signInButton{transform:none;transition:none;height:44px;min-height:44px;padding:0 12px;font-size:14px;gap:8px}
.game-frame:not([data-mode=ready]) #accountActions #signInButton .ui-icon{width:22px;height:22px}
.game-frame:not([data-mode=ready]) .account-kicker{display:none}