@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");a{text-decoration:none;color:#fff}a:hover{color:#c30000}body{font-family:VT323,monospace;background-color:#212423;margin:0;color:#fff;min-height:100vh}h1,h2,p{font-family:VT323,monospace!important}h1{font-size:clamp(2rem,3vw,3.5rem)}h2{font-size:clamp(1.25rem,2vw,2rem)}nav{padding:0 2%;background-color:#1b1b1b;display:flex;align-items:center;justify-content:space-between}.navLogo h1{font-size:clamp(2rem,3.7vw,3.5rem);margin:.5rem 0}button{margin:.25rem;border:1px solid #fff;background-color:#1b1b1b;color:#fff;border-radius:10px;font-family:VT323,monospace;font-size:clamp(1rem,1.5vw,1.5rem);padding:8px 16px;cursor:pointer}button:hover{color:#c30000;border-color:#c30000}button:disabled{border-color:#999;background-color:#ccc;color:#666;cursor:not-allowed}.navitems{display:flex;align-items:center;gap:.5rem}.connectedBtn{color:#c30000!important}.dashboard{width:min(900px,92%);margin:max(3vw,15px) auto;border:3px solid #fff;padding:max(1vw,10px) max(2vw,16px)}.mainHeading{padding:1% 1% 0;text-align:center;border-bottom:2px solid #c30000}.waitingPage{padding:max(5vw,50px);text-align:center}.summaryBar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0;border-bottom:1px solid #444;font-size:1.25rem}.filterGroup{padding:.75rem 0 0}.filterLabel{display:block;text-align:center;font-size:1.1rem;color:#c30000;margin-bottom:.5rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding-bottom:.5rem}.filterBtn.active{background-color:#c30000;border-color:#c30000}.filterBtn.active:hover{color:#fff;border-color:#fff}.tokenGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:1rem;gap:1rem;padding:1rem 0 2rem}.tokenCard{border:1px solid #fff;border-radius:8px;overflow:hidden;text-align:center;background:#1b1b1b;padding:0;width:100%;display:block;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.tokenCard:hover{border-color:#c30000;transform:translateY(-2px)}.tokenCard:focus-visible{outline:2px solid #c30000;outline-offset:2px}.tokenCard img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#333}.tokenCardBody{padding:.5rem;font-size:1.1rem}.tokenName{font-size:1.05rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tokenCollection,.tokenName{overflow:hidden;text-overflow:ellipsis}.tokenCollection{font-size:.9rem;color:#aaa;margin-top:2px;white-space:nowrap}.badge{display:inline-block;font-size:.95rem;padding:2px 8px;border:1px solid #c30000;color:#c30000;border-radius:4px;margin-top:4px}.badge.staked{border-color:#c30000;background:#c30000;color:#fff}.forgeLink{display:block;margin-top:6px;font-size:.95rem}.errorText{color:#c30000;text-align:center;padding:1rem}.modalOverlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:1rem}.modalPanel{position:relative;background:#1b1b1b;border:2px solid #fff;border-radius:8px;max-width:720px;width:100%;max-height:90vh;overflow-y:auto}.modalClose{position:absolute;top:.5rem;right:.75rem;z-index:2;font-size:2rem;line-height:1;padding:0 .5rem;background:transparent;border:none}.modalLayout{display:flex;flex-wrap:wrap}.modalImageWrap{flex:0 0 240px;max-width:100%}.modalImageWrap iframe,.modalImageWrap img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.modalImageWrap--animation{flex:0 0 min(100%,360px)}.modalImageWrap iframe.modalAnimation{object-fit:contain;background:#111;border:0}.modalBody{flex:1 1;min-width:200px;padding:1.25rem;text-align:left}.modalBody h2{margin:0 0 .25rem;font-size:1.75rem}.modalBody h3{margin:1rem 0 .5rem;font-size:1.25rem;color:#c30000}.modalCollection{color:#ccc;margin:0 0 .25rem}.modalMetaLine{margin:0 0 .5rem;font-size:1rem}.modalDescription{margin:1rem 0 0;line-height:1.4;white-space:pre-wrap}.modalTraits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:.5rem;gap:.5rem}.modalTraits li{border:1px solid #444;padding:.35rem .5rem;text-align:center;font-size:.95rem}.modalTraits li span:first-child{display:block;color:#c30000;font-size:.85rem}.modalActions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.modalBtn{display:inline-block;padding:8px 16px;border:1px solid #fff;border-radius:8px;font-family:VT323,monospace;font-size:1.2rem}.modalBtn.primary{background:#c30000;border-color:#c30000}.modalBtn.primary:hover{color:#fff;border-color:#fff}@media (max-width:991px){.dashboard{width:96%}}