@import url('https://fonts.googleapis.com/css2?family=Creepster&family=Nosifer&family=Shadows+Into+Light&family=Inter:wght@800;900&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#171d12;color:#e8e0c7;font-family:"Shadows Into Light",cursive;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 15%,rgba(126,160,53,.22),transparent 28%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.5),transparent 35%),linear-gradient(135deg,#22291a,#11150f 60%,#222718);z-index:-4}
body:after{content:"";position:fixed;inset:0;background:repeating-radial-gradient(circle at 30% 30%,rgba(0,0,0,.35) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 31px);opacity:.55;z-index:-3}.grime{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,transparent 0 4px,rgba(0,0,0,.12) 4px 7px,transparent 7px),radial-gradient(circle at 70% 60%,transparent 0 3px,rgba(0,0,0,.15) 3px 6px,transparent 6px);background-size:53px 47px,71px 68px;opacity:.7;z-index:-2}
.title{width:min(970px,calc(100% - 28px));margin:34px auto 18px;display:flex;align-items:center;justify-content:center;gap:18px}.troll-mark{width:76px;height:76px;border:4px solid #060906;background:#3a4126;color:#a8c44c;display:grid;place-items:center;font-size:44px;box-shadow:8px 8px 0 #070907;transform:rotate(-3deg)}
.title h1{font-family:Nosifer,Creepster,cursive;margin:0;color:#8ead34;font-size:64px;letter-spacing:3px;text-shadow:4px 5px 0 #060906}.title p{margin:4px 0 0;color:#d7d0bd;font-family:"Shadows Into Light";font-size:26px;font-weight:900;letter-spacing:2px}
.wrap{width:min(970px,calc(100% - 28px));margin:0 auto;display:grid;grid-template-columns:1.17fr .83fr;gap:18px}.terminal,.art,.links a{border:4px solid #080a07;background:rgba(25,32,20,.88);box-shadow:8px 8px 0 rgba(0,0,0,.55),inset 0 0 0 2px rgba(132,151,70,.18)}
.terminal{padding:30px}.badge{display:inline-block;background:#8ead34;color:#060906;border:3px solid #050705;padding:8px 16px;margin-bottom:18px;font-family:"Shadows Into Light";font-size:23px;font-weight:900;letter-spacing:1px;transform:rotate(-1deg)}
h2{font-family:Creepster,cursive;margin:0 0 18px;font-size:74px;line-height:.86;letter-spacing:4px;color:#8ead34;text-shadow:4px 4px 0 #080a07}h2 span{color:#e9e0ca}.desc{font-size:28px;line-height:1.15;margin:0 0 26px;color:#d7d0bd;font-weight:900}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.stats div{border:3px solid #4d5531;background:#171d13;padding:16px}.stats small{display:block;color:#9fb444;font-size:23px;margin-bottom:8px}.stats b{font-family:Inter,Arial;font-size:19px;color:#eee5ce}.green{color:#8ead34}
.counter{display:flex;gap:12px;margin-bottom:14px}.counter button,.counter input{height:50px;border:3px solid #080a07;background:#202719;color:#e9e0ca;font-family:Inter,Arial;font-weight:900;text-align:center;font-size:22px;box-shadow:4px 4px 0 #070907}.counter button{width:58px;cursor:pointer}.counter input{width:96px}.total{font-size:29px;color:#d7d0bd;margin-bottom:15px}.total b{color:#8ead34}
.mainbtn{width:100%;height:58px;border:4px solid #080a07;background:#8ead34;color:#060906;font-family:"Shadows Into Light";font-size:28px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:6px 6px 0 #070907}.hiddenBtn{display:none}#wallet,#status{font-size:18px;margin:13px 0 0;color:#b8b09b;letter-spacing:1px}
.art{padding:16px;display:flex;flex-direction:column;justify-content:space-between}.frame{height:410px;border:4px solid #080a07;background:#2b351e;overflow:hidden}.frame img{width:100%;height:100%;object-fit:cover;display:block}.cap{display:flex;justify-content:space-between;color:#b4ce46;font-size:20px;font-weight:900;margin:20px 6px 4px}
.links{width:min(970px,calc(100% - 28px));margin:22px auto 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.links a{height:58px;display:grid;place-items:center;color:#e7dec6;text-decoration:none;font-size:26px;font-weight:900;background:#363d25}.links a:hover,.mainbtn:hover{filter:brightness(1.08)}
.modal{position:fixed;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.75);z-index:30}.hidden{display:none}.modal-card{width:min(390px,92vw);background:#202719;border:4px solid #080a07;box-shadow:8px 8px 0 #050705;padding:24px;position:relative}.modal-card h3{font-size:34px;margin:0 0 12px}.modal-card button{width:100%;height:48px;margin-top:10px;border:3px solid #080a07;background:#8ead34;color:#060906;font-weight:900;font-size:18px;cursor:pointer}.close{position:absolute;right:8px;top:4px;width:32px!important;height:32px!important;background:transparent!important;color:#e8e0c7!important;border:0!important;font-size:30px!important}
@media(max-width:820px){.wrap,.links{grid-template-columns:1fr}.title h1{font-size:42px}.title p{font-size:18px}h2{font-size:58px}.frame{height:auto;aspect-ratio:1/1}}