@font-face{font-family:DisposableDroidBB;src:url(/assets/fonts/DisposableDroidBB.woff)}:root{--font: "DisposableDroidBB", "Georgia", serif;--color: #622f2d;--color-highlight: #b16b69;--bg-color: #fff2d5;--base-unit: clamp(14px, 3vw, 20px);--font-size: var(--base-unit);--img-size: clamp(20px, calc(490 / 1920 / 7 * 4 * 100vw), 40px);--spacing-xs: clamp(6px, calc(var(--img-size) * .15), 8px);--spacing-sm: clamp(8px, calc(var(--img-size) * .2), 12px);--spacing-md: clamp(10px, calc(var(--img-size) * .25), 16px);--element-width: clamp(280px, 75vw, 500px);--element-max-width: 500px;--element-font-size: var(--font-size);--element-padding-vertical: 16px;--element-padding-horizontal: 20px}*:focus{outline:none}*,*:before,*:after{box-sizing:border-box}img{-webkit-user-select:none;user-select:none}body,table{font-family:var(--font);font-size:var(--font-size);padding:0;margin:0;color:var(--color);min-width:320px}a{color:var(--color)}a:hover{color:var(--color-highlight)}.container{background-image:url(/assets/images/backgrounds/bricks.png);background-repeat:repeat;background-size:auto calc(var(--img-size) * 2);padding:var(--img-size) 0;position:relative}.container .content{background-color:#fff2d5;padding:var(--spacing-sm);text-align:center;border-radius:clamp(8px,calc(var(--base-unit) * .5),18px);box-shadow:inset 0 0 clamp(12px,calc(var(--base-unit) * .67),24px) #622f2d1a,0 clamp(3px,calc(var(--base-unit) * .17),6px) clamp(12px,calc(var(--base-unit) * .67),24px) #622f2d26;margin:0 clamp(12px,2.5vw,20px);min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm)}.tab-group{border:3px solid var(--color);width:var(--element-width);max-width:var(--element-max-width);margin:0 auto;background-color:#fffc;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none;border-radius:8px}.tab-group .tab{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;border-left:3px solid var(--color);padding:var(--element-padding-vertical) var(--element-padding-horizontal);font-size:var(--element-font-size)}.tab-group .tab:first-of-type{border-left:0}.tab-group .tab:hover{background-color:var(--color);color:var(--bg-color)}.tab-group .tab:active{background-color:color-mix(in srgb,var(--color) 70%,black);color:var(--bg-color)}.center-container{color:var(--color);text-align:center;margin:0}.logo{width:var(--element-width);max-width:var(--element-max-width);margin-bottom:var(--element-padding-vertical)}.title{font-family:var(--font);font-size:clamp(16px,calc(var(--font-size) * 1.2),24px);margin-top:calc(var(--element-padding-vertical) * -2.5)}.input-section{margin:0}.address-input-group{display:flex;justify-content:center;margin:0}.address-input{font-family:var(--font);font-size:var(--element-font-size);color:var(--color);background-color:#fffffff2;border:2px solid var(--color);border-radius:8px;padding:var(--element-padding-vertical) var(--element-padding-horizontal);width:var(--element-width);max-width:var(--element-max-width);text-align:center;transition:all .3s ease;box-shadow:inset 0 2px 4px #622f2d1a}.address-input::placeholder{color:var(--color);opacity:.6;font-family:var(--font)}.address-input:focus{background-color:#fff;border-color:var(--color-highlight);box-shadow:inset 0 2px 4px #622f2d1a,0 0 0 2px #b16b694d;transform:translateY(-1px)}.address-input:hover:not(:focus){border-color:var(--color-highlight);transform:translateY(-.5px)}.address-input.valid{border-color:#4a9c2d;background-color:#b1eb9e1a}.address-input.invalid{border-color:#d32f2f;background-color:#ffc1c11a}.check-section{margin:0}.check-btn{transition:all .3s ease}.tab-group:hover{transform:translateY(-1px);box-shadow:0 3px 8px #622f2d33}.input-section{animation:slideInFromTop .6s ease-out}.check-section{animation:slideInFromBottom .6s ease-out .2s both}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wallet-info{display:flex;justify-content:center;align-items:center;gap:clamp(12px,calc(var(--base-unit) * .67),24px);margin:0}#wallet-status{font-family:var(--font);font-size:var(--font-size);color:var(--color);padding:10px 18px;background-color:#fffc;border:2px solid var(--color);border-radius:8px}.connect-btn{font-family:var(--font);font-size:var(--font-size);color:var(--color);background-color:#ffffffe6;border:2px solid var(--color);padding:10px 18px;cursor:pointer;border-radius:8px;transition:all .2s ease}.connect-btn:hover{background-color:var(--color);color:var(--bg-color)}.connect-btn:active{background-color:color-mix(in srgb,var(--color) 70%,black)}.check-btn{background:none;border:none;font-family:inherit;font-size:inherit;color:inherit;cursor:inherit;padding:0;margin:0;width:100%;height:100%}.result-section{margin:0}.result-display{font-family:var(--font);font-size:var(--element-font-size);padding:var(--element-padding-vertical) var(--element-padding-horizontal);border-radius:8px;border:2px solid var(--color);display:flex;align-items:center;justify-content:center;text-align:center;background-color:#ffffffe6;transition:all .3s ease;width:var(--element-width);max-width:var(--element-max-width);margin:0 auto}.result-display.hidden{display:none}.result-display.success{background-color:#b1eb9ee6;border-color:#4a9c2d;color:#2d5b1b}.result-display.error{background-color:#ffc1c1e6;border-color:#d32f2f;color:#8b1a1a}.result-display.info{background-color:#bbdefbe6;border-color:#1976d2;color:#0d47a1}@media (max-width: 768px){:root{--base-unit: clamp(14px, 2.5vw, 18px);--element-width: clamp(280px, 80vw, 450px);--element-max-width: 450px;--element-font-size: var(--base-unit);--element-padding-vertical: 14px;--element-padding-horizontal: 18px}.wallet-info{flex-direction:column;gap:clamp(8px,calc(var(--base-unit) * .33),12px)}#wallet-status,.connect-btn{padding:14px 18px}h2{font-size:clamp(18px,calc(var(--font-size) * 1.5),24px)}h3{font-size:clamp(15px,calc(var(--font-size) * 1),18px)}}@media (max-width: 480px){:root{--base-unit: clamp(14px, 2.2vw, 16px);--element-width: clamp(280px, 85vw, 350px);--element-max-width: 350px;--element-font-size: var(--base-unit);--element-padding-vertical: 12px;--element-padding-horizontal: 16px}}
