.footer-info{position:absolute;z-index:3;top:28px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:start;gap:32px}
.footer-project{max-width:380px}
html body.metal-ui .footer-project h2{font-size:clamp(15px,1.3vw,23px);margin:0 0 12px;color:#e9f8ed}
html body.metal-ui .footer-project p{font-size:23px;line-height:1.25;margin:0;color:#aec6bb}
.footer-contact{width:min(420px,35%);display:grid;gap:10px}
.footer-social,.footer-contract{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;width:100%;padding:10px 16px;border:3px solid #071719;border-radius:0;box-shadow:var(--metal-shadow);background:var(--metal-face);color:var(--metal-ink,#193b2c);font-size:23px;text-align:left;text-decoration:none}
.footer-contract{cursor:pointer}.footer-contract:disabled{cursor:default}
.footer-contract>span:first-child{display:grid;gap:2px}
.footer-contract small{font-size:16px;line-height:1;color:#435f4f}
.footer-contract [data-contract-value]{line-height:1.1}
.footer-social:hover,.footer-contract:not(:disabled):hover{filter:brightness(1.07)}
.footer-contract svg{flex:none;width:22px;height:22px;shape-rendering:crispEdges}
.footer-social:focus-visible,.footer-contract:focus-visible,.background-controls :focus-visible{outline:3px solid #69e7a7;outline-offset:4px}
#footer-contract-status{margin:0;color:#e9f8ed;font-size:19px;line-height:1.2;overflow-wrap:anywhere;user-select:text}
#footer-contract-status:empty{display:none}
.background-controls{position:fixed;bottom:16px;right:16px;z-index:50;width:280px;border:4px solid #071719;background:var(--metal-paper,#dce8df);color:#193b2c;box-shadow:var(--metal-shadow);font-size:21px}
.background-controls summary{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;min-height:46px;background:var(--metal-face);cursor:pointer;list-style:none}
.background-controls summary::-webkit-details-marker{display:none}
.background-controls summary::after{content:'+'}.background-controls[open] summary::after{content:'−'}
.background-fields{padding:14px;display:grid;gap:12px}
.background-fields label{display:flex;justify-content:space-between;gap:8px}
.background-color-row{display:grid;grid-template-columns:48px 1fr;gap:10px}
.background-fields input{min-width:0;min-height:44px;font-size:22px}
.background-fields input[type=color]{width:48px;padding:2px;border:2px solid #456c56;background:#e9f8ed}
.background-fields input[type=text]{width:100%;padding:6px 10px;border:2px solid #456c56;background:#e9f8ed;color:#193b2c;box-shadow:none}
.background-fields input[type=range]{width:100%;accent-color:#215c3f}
.background-fields button{min-height:44px;border:2px solid #456c56;background:var(--metal-face);color:#193b2c;font-size:20px;cursor:pointer}
.background-fields p{margin:0;font-size:18px;line-height:1.2;color:#435f4f}
.background-fields [role=status]:empty{display:none}
@media(max-width:900px){.footer-info{left:24px;right:24px;top:24px}.footer-project{max-width:310px}.footer-contact{width:320px;max-width:48%}.closing .closing-inner{height:460px}}
@media(max-width:600px){.footer-info{left:20px;right:20px;display:grid;gap:20px}.footer-project{max-width:100%}.footer-contact{width:100%;max-width:none}.footer-project p{max-width:300px}.closing .closing-inner{height:530px}.background-controls{right:10px;bottom:10px;width:min(280px,calc(100vw - 20px))}}

/* Shared color controls tint UI surfaces, never the original game artwork. */
html body.metal-ui .site-header{background:var(--emerald-blue);border-color:var(--theme-edge)}
html body.metal-ui .site-header .brand .pe-brand{width:80px;height:80px;object-fit:contain;image-rendering:pixelated}
html body.metal-ui .site-header .brand{flex-shrink:0;line-height:1}
.background-controls,.background-fields input[type=text],.background-fields button{color:var(--metal-ink)}
.background-fields p,.footer-contract small{color:var(--metal-copy)}
.background-fields input[type=text],.background-fields input[type=color]{background:var(--metal-paper);border-color:var(--metal-edge)}
.background-fields button{border-color:var(--metal-edge)}
.background-fields input[type=range]{accent-color:var(--theme-accent-ink)}
@media(max-width:600px){html body.metal-ui .site-header .brand .pe-brand{width:64px;height:64px}}

button.contract-slot{cursor:pointer;font:inherit;color:inherit}
button.contract-slot .contract-placeholder{overflow-wrap:anywhere;user-select:text}
button.contract-slot:hover{filter:brightness(1.1)}
button.contract-slot:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
.contract-copy-status{position:absolute;left:0;right:0;bottom:12px;text-align:center;font-size:12px;line-height:1;color:var(--mint);pointer-events:none}

html[data-controls="hidden"] .background-controls{display:none}