/* v0.11 fomo-style Mint desk. Tokens and base components come from theme.css;
   mint.js addresses controls by id only, so layout classes here are presentation-only. */
.mint-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(28px,5vw,72px);padding-top:clamp(32px,6vh,64px);padding-bottom:96px}
.mint-art{position:sticky;top:calc(var(--fp-topbar) + 24px);display:grid;gap:12px}
.mint-portrait{margin:0;overflow:hidden}
.mint-portrait img{width:100%;height:auto}
.mint-portrait figcaption{padding:12px 18px;border-top:.8px solid var(--fp-line);font-size:13px;color:var(--fp-text-2)}
.mint-rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.mint-rules div{padding:14px 16px;border-radius:16px;background:var(--fp-surface);border:.8px solid var(--fp-line)}
.mint-rules dt{font-size:12px;color:var(--fp-text-2)}
.mint-rules dd{margin:4px 0 0;font-size:24px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--fp-headline)}
.mint-rules small{margin-left:4px;font-size:12px;font-weight:600;letter-spacing:0;color:var(--fp-text-2)}
.mint-desk{display:grid;align-content:start;gap:22px}
.mint-title{font-size:clamp(38px,4.2vw,60px);line-height:1.02;font-weight:500;letter-spacing:-.045em;color:var(--fp-headline)}
.mint-before{display:grid;gap:12px;padding:18px 20px}
.mint-before ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mint-before li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding-top:10px;border-top:.8px solid var(--fp-line);font-size:14px;color:var(--fp-text)}
.mint-before li:first-child{padding-top:0;border-top:0}
.status-box{padding:16px 18px;border-radius:16px;background:var(--fp-surface);border:.8px solid var(--fp-line);box-shadow:inset 3px 0 0 var(--fp-accent)}
.status-box strong{display:block;font-size:16px;color:var(--fp-text)}
.status-box p{margin-top:4px;font-size:14px;color:var(--fp-text-2)}
.status-box p:empty{display:none}
.wallet-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
#wallet{font:13px/1.5 var(--fp-mono);color:var(--fp-text-2);overflow-wrap:anywhere}
.consent{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;color:var(--fp-text-2);cursor:pointer}
.consent input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--fp-accent)}
.consent input:disabled+span{opacity:.55}
.flow{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.flow li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;background:var(--fp-surface);border:.8px solid var(--fp-line)}
.flow li>span{font:700 13px var(--fp-mono);color:var(--fp-accent-text)}
.flow strong{font-size:15px;color:var(--fp-text)}
.flow p{margin-top:2px;font-size:13px;line-height:1.5;color:var(--fp-text-2)}
.recover{padding:14px 0;border-top:.8px solid var(--fp-line);border-bottom:.8px solid var(--fp-line)}
.recover summary{width:max-content;cursor:pointer;font-size:14px;font-weight:700;color:var(--fp-text-2)}
.recover summary:hover{color:var(--fp-text)}
.recover label{display:block;margin:14px 0 6px;font-size:13px;color:var(--fp-text-2)}
.recover .fp-input{font-size:14px}
.recovery{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.mint-check{display:grid;gap:8px;justify-items:start}
#action-result{font-size:14px;line-height:1.55;color:var(--fp-text-2);overflow-wrap:anywhere}
#action-result:empty{display:none}
@media (max-width:900px){
  .mint-layout{grid-template-columns:minmax(0,1fr)}
  .mint-art{position:static}
}
@media (max-width:560px){
  .flow li{grid-template-columns:auto minmax(0,1fr)}
  .flow li .fp-btn{grid-column:1/-1}
  .mint-rules{grid-template-columns:minmax(0,1fr)}
}