:root{--gold:#f4ad0b;--black:#050505;--green:#078a2f;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;background:#050505;font-family:Arial,Helvetica,sans-serif;color:#fff}a{color:inherit}
.page-shell{width:min(100%,1200px);margin:0 auto;position:relative;background:#000;box-shadow:0 0 45px rgba(0,0,0,.7)}
.design-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;border:0;background:transparent;cursor:pointer;z-index:5}.hotspot:focus-visible{outline:3px solid #fff;outline-offset:2px;border-radius:8px}
.hotspot.debug{background:rgba(255,175,0,.18);outline:1px dashed rgba(255,175,0,.8)}
.overlay-input{position:absolute;z-index:7;border:1px solid transparent;background:rgba(255,255,255,.02);color:#111;font-size:clamp(10px,1.05vw,16px);padding:0 1%;outline:none}.overlay-input:focus{border-color:#f4ad0b;background:rgba(255,255,255,.94);box-shadow:0 0 0 2px rgba(244,173,11,.2)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:#111;color:#fff;border:1px solid #f4ad0b;padding:13px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:1000;box-shadow:0 10px 35px rgba(0,0,0,.4);max-width:min(90vw,560px);text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:999;padding:24px}.modal.open{display:flex}.modal img{max-width:95vw;max-height:92vh;object-fit:contain;box-shadow:0 0 35px rgba(255,175,0,.3)}.modal-close{position:fixed;top:18px;right:22px;border:1px solid #fff;background:#111;color:#fff;border-radius:999px;width:44px;height:44px;font-size:28px;cursor:pointer}
.verify-wrap{min-height:100vh;background:radial-gradient(circle at top,#3c2700,#060606 50%);padding:40px 18px;display:grid;place-items:center}.verify-card{width:min(760px,100%);background:#fff;color:#111;border:3px solid #d99a00;border-radius:22px;padding:36px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.55)}.verify-logo{width:118px;height:118px;border-radius:50%;object-fit:cover;border:3px solid #d99a00}.verify-card h1{margin:14px 0 8px;font-size:clamp(30px,5vw,54px)}.verified{display:inline-flex;align-items:center;gap:10px;color:#078a2f;font-weight:800;font-size:24px}.verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0;text-align:left}.verify-grid div{background:#f6f6f6;border-radius:12px;padding:14px}.verify-grid strong{display:block;font-size:12px;text-transform:uppercase;color:#777;margin-bottom:5px}.back-btn{display:inline-block;background:linear-gradient(#ffc438,#e89b00);color:#111;font-weight:800;text-decoration:none;padding:14px 22px;border-radius:10px}
@media(max-width:700px){.page-shell{width:100%}.toast{font-size:14px}.verify-grid{grid-template-columns:1fr}.verify-card{padding:24px}}

.solid-input{background:#fff!important;border-color:#d9dfe3!important;color:#111!important;border-radius:7px}
.dynamic-value{position:absolute;z-index:8;background:#fff;color:#333;display:flex;align-items:center;padding:0 .4%;font-size:clamp(10px,1.05vw,16px);line-height:1.1;white-space:nowrap;overflow:hidden}
.team-selection-mask{position:absolute;z-index:6;border:3px solid #d9dee2;border-radius:10px;pointer-events:none;transition:.18s}
.team-selection-mask.active{border-color:#e8a000;box-shadow:0 0 0 1px rgba(232,160,0,.25)}
.badge-cover{position:absolute;z-index:8;background:#fff;border-radius:999px;pointer-events:none}
.dynamic-selected-badge{position:absolute;z-index:9;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(#d99b16,#b87900);color:#fff;font-weight:800;font-size:clamp(8px,.9vw,13px);pointer-events:none}
.hidden{display:none!important}
.clean-input{background:#fff!important;border:1px solid #d9dfe3!important;color:#111!important;border-radius:8px;padding:0 1.2%!important;font-size:clamp(11px,1.25vw,18px)!important;box-shadow:none!important}
.clean-input::placeholder{color:#777;opacity:1}
.summary-blank{position:absolute;z-index:10;background:#fff;border:1px solid #dfe7df;border-radius:12px;display:grid;place-items:center;padding:2%;color:#333;text-align:center}
.summary-blank-inner{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center}
.summary-blank strong{color:#087f2d;font-size:clamp(12px,1.35vw,20px)}
.summary-blank span{font-size:clamp(9px,1vw,15px);color:#666;max-width:80%}
.check-cover{position:absolute;z-index:8;background:#fff;border-radius:50%;pointer-events:none}