/* Readable operational notices, separate from generated game lettering. */
#service-banner{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 22px;background:#322719;border-bottom:1px solid #b5893d;color:#e9d6a8;font:12px/1.6 Arial,Helvetica,sans-serif;position:relative;z-index:20}#service-banner[hidden]{display:none}#service-banner strong{font-size:9px;letter-spacing:1px;white-space:nowrap}#service-banner p{margin:0}.feature-paused{opacity:.55!important;filter:saturate(.35)!important;cursor:not-allowed!important}#service-notice,#free-mint-profile{background:#121821;color:#edf1f8;border:1px solid #aa8749;border-radius:12px;padding:30px;max-width:480px;width:calc(100vw - 30px);box-shadow:0 25px 80px #0008;font:14px/1.7 Arial,Helvetica,sans-serif}#service-notice::backdrop,#free-mint-profile::backdrop{background:#03050bd9;backdrop-filter:blur(3px)}#service-notice>button:first-child,.free-profile-close{position:absolute;top:12px;right:12px;border:0;background:#242c3b;color:#c8d0dc;width:28px;height:28px;border-radius:5px;font:20px Arial;cursor:pointer}#service-notice>span,.free-profile-kicker{font-size:10px;letter-spacing:1.2px;color:#e6c67b}#service-notice h2,#free-mint-profile h2{font:700 25px/1.3 Arial,sans-serif;margin:12px 20px 15px 0}#service-notice p,#free-mint-profile p{font:13px/1.8 Arial,sans-serif;color:#aab5c7;margin:12px 0}#service-notice .service-ok,#free-mint-profile form>button,#free-mint-profile>a{display:block;border:1px solid #e9c561;background:#f3ca65;border-radius:6px;color:#201a10;min-height:40px;padding:10px 20px;font:700 13px Arial,sans-serif;cursor:pointer;text-decoration:none;text-align:center;margin-top:20px}#free-mint-profile label{display:block;font:700 12px Arial;margin:16px 0 7px}#free-mint-profile input{width:100%;background:#090f17;border:1px solid #475267;color:#eef3fc;border-radius:6px;font:14px Arial;padding:12px}#free-mint-profile small{color:#998d76;font:11px/1.6 Arial}#free-mint-profile .free-profile-wallet{overflow-wrap:anywhere;font-size:11px}#free-mint-profile .free-profile-error{color:#ffabab}.site-shell #recruit-page #free-mint-panel{display:flex;align-items:center;gap:15px;flex:none;position:relative;z-index:2;width:min(760px,calc(100% - 200px));margin:19px auto 9px;padding:16px 20px;background:linear-gradient(110deg,#231b12f5,#101721f5);border:1px solid #92713c;border-radius:9px;font:13px/1.5 Arial,Helvetica,sans-serif;color:#eee5d2;box-shadow:0 10px 30px #0006}.free-mint-mark{color:#f4d478;background:#493719;border:1px solid #775e32;width:41px;height:41px;display:grid;place-items:center;border-radius:9px;font-size:25px;flex:none}.free-mint-copy{flex:1;min-width:0}.free-mint-copy>span{font-size:8px;letter-spacing:1.4px;color:#bfa573}.site-shell #recruit-page .free-mint-copy h2{font:700 14px/1.4 Arial,sans-serif;color:#f2dfad;margin:4px 0}.site-shell #recruit-page .free-mint-copy p{font:11px/1.5 Arial,sans-serif;color:#9eacbf;margin:5px 0 0;max-width:320px}.free-mint-actions{text-align:right;flex:none}.free-mint-count{display:block;color:#9aa6b7;font:10px Arial;margin-bottom:7px}.free-mint-count b{font-size:16px;color:#ffe38e;margin-right:3px}.site-shell #recruit-page #free-mint-claim{display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:35px;padding:9px 14px;font:700 12px/1.2 Arial,sans-serif;color:#f5db9c;background:#322819;border:1px solid #97703a;border-radius:5px;cursor:pointer}.site-shell #recruit-page #free-mint-claim:hover{background:#59401c}.site-shell #recruit-page #free-mint-claim:disabled{opacity:.5}.site-shell #recruit-page #free-mint-check{border:0;background:transparent;color:#8f9cb0;font:10px Arial;padding:8px 0 0;cursor:pointer}#free-mint-claim:focus-visible,#free-mint-check:focus-visible{outline:2px solid #f5d477;outline-offset:3px}@media(max-width:1100px){.site-shell #recruit-page #free-mint-panel{width:min(760px,calc(100% - 30px))}}@media(max-width:600px){#service-banner{flex-direction:column;gap:4px;padding:10px 16px;text-align:center}.site-shell #recruit-page #free-mint-panel{width:calc(100% - 12px);padding:16px;flex-wrap:wrap;gap:12px}.free-mint-copy{flex-basis:calc(100% - 65px)}.free-mint-actions{display:grid;grid-template-columns:1fr auto;gap:0 15px;width:100%;align-items:center;text-align:left}.free-mint-count{margin:0}.site-shell #recruit-page #free-mint-claim{font-size:11px;gap:10px}.site-shell #recruit-page #free-mint-check{grid-column:2;text-align:right}.free-mint-mark{width:35px;height:35px}}
/* Lock artwork stays above the original button and never replaces its label. */
.feature-paused{position:relative!important;isolation:isolate;opacity:1!important;filter:none!important;cursor:not-allowed!important}
.button-lock-art{display:block!important;position:absolute!important;inset:-2px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;z-index:50!important;border:0!important;border-radius:inherit!important;background:#080a105c url('./assets/ui/button-chain-lock.svg') center/100% 100% no-repeat!important;pointer-events:none!important;box-shadow:inset 0 0 0 1px #5f4b2c66;overflow:hidden!important;opacity:1!important;filter:none!important;transform:none!important}
.button-lock-art.button-lock-compact{background-size:auto 75%!important;background-image:url('./assets/ui/button-padlock.svg')!important}
#service-toast{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;width:max-content;max-width:min(340px,calc(100vw - 32px));min-width:210px;padding:12px 16px;border:1px solid #9c7837;border-radius:9px;background:#131820f5;color:#f2e3bf;box-shadow:0 10px 45px #0009;display:flex;align-items:center;gap:12px;z-index:2147483647;font:13px/1.5 Arial,Helvetica,sans-serif;pointer-events:none;opacity:0;transition:opacity .15s ease}
#service-toast[hidden],#service-toast:not(:popover-open){display:none}#service-toast.is-visible{opacity:1}#service-toast p{margin:0;font:13px/1.5 Arial,Helvetica,sans-serif;color:#f2e3bf;text-align:left;overflow-wrap:anywhere}#service-toast .service-toast-lock{display:block;width:23px;height:30px;flex:none;background:url('./assets/ui/button-padlock.svg') center/contain no-repeat}
@media(prefers-reduced-motion:reduce){#service-toast{transition:none}}

.feature-paused:has(>.button-lock-art:not(.button-lock-compact)) .command-label{transform:translateY(-6px)}
