@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#e0eeeb}*{box-sizing:border-box}body{margin:0;background:#172b30;overflow:hidden}#world{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:26px;right:28px;pointer-events:none}.tools{display:flex;gap:10px;pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid #c3eee4;outline-offset:5px}.tools button{height:44px;width:44px;border:1px solid #d1eeea24;border-radius:50%;background:#152b3099;display:grid;place-items:center;transition:background .2s,transform .2s}.tools button:hover{background:#385359;transform:translateY(-2px)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}footer{position:absolute;bottom:28px;left:16px;right:16px;display:flex;justify-content:center;pointer-events:none}#bother{border:0;background:#172b3080;pointer-events:auto;text-align:center;padding:12px 18px;border-radius:24px;font-size:14px;color:#e0eeeb;letter-spacing:.1px}#loading{position:absolute;left:calc(50% - 12px);top:48%;width:24px;height:24px;border:2px solid #c4e2df25;border-top-color:#c4e2df;border-radius:50%;animation:loading 1s linear infinite}#loading[hidden]{display:none}#loading.error{border-color:#d6a1a1;animation:none}#reaction,#effect{display:none}@keyframes loading{to{transform:rotate(360deg)}}@media(max-width:680px){header{top:18px;right:18px}.tools button{width:40px;height:40px}footer{bottom:20px}#bother{font-size:13px}}
/* Raised, moss-toned link controls keep the supplied marks intact. */
.contract{position:absolute;top:30px;left:50%;transform:translateX(-50%);max-width:calc(100% - 300px);padding:10px 16px;border:1px solid #a6c8bd26;border-radius:10px;background:#172b30d9;box-shadow:0 3px 0 #0c1e23,0 8px 20px #0002;color:#dbebe3;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;user-select:text}.contract>span:first-child{color:#b8d394}.address{overflow-wrap:anywhere}.world-links{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;perspective:650px}.world-link{display:grid;place-items:center;flex-shrink:0;width:66px;height:64px;padding:7px;border:1px solid #b0c58c80;border-top-color:#d7e4b6aa;border-radius:17px;background:linear-gradient(150deg,#698458,#3a5544 65%);box-shadow:0 6px 0 #263c32,0 7px 0 1px #9fb67530,0 13px 19px #0005,inset 0 2px 2px #e8f3bd30;transform:rotateX(8deg);transition:transform .18s,box-shadow .18s;touch-action:manipulation}.world-link:hover{transform:translateY(-4px) rotateX(0deg);box-shadow:0 10px 0 #263c32,0 17px 24px #0006,inset 0 2px 2px #e8f3bd40}.world-link:active{transform:translateY(4px);box-shadow:0 2px 0 #263c32,0 5px 9px #0004}.world-link:focus-visible{outline:3px solid #d2f3c3;outline-offset:7px}.logo-recess{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;overflow:hidden;background:#080e10;box-shadow:inset 0 2px 4px #0008}.logo-recess img{display:block;width:46px;height:46px;object-fit:contain}.logo-recess .padded-logo{transform:scale(1.35)}.paired{display:flex;align-items:center;gap:12px;margin-left:4px}.paired>span{font-size:13px;white-space:nowrap;color:#d2e3d9;text-shadow:0 2px 5px #0008}#reaction{display:block;position:absolute;bottom:182px;left:50%;transform:translate(-50%,8px);width:max-content;max-width:calc(100% - 36px);padding:11px 18px;border-radius:12px;background:#172b30e6;color:#e7f1e7;text-align:center;font-size:16px;line-height:1.5;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;box-shadow:0 4px 12px #0002}#reaction.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:680px){.contract{top:16px;max-width:none;width:calc(100% - 32px);padding:10px 12px;font-size:12px;line-height:1.5}header{top:90px;right:18px}.world-links{bottom:80px;gap:9px}.world-link{width:53px;height:54px;border-radius:14px;padding:5px}.logo-recess,.logo-recess img{width:39px;height:39px}.paired{gap:7px;margin-left:1px}.paired>span{font-size:11px}.paired .world-link{width:53px}#reaction{bottom:162px;font-size:14px;padding:9px 13px}footer{bottom:18px}}@media(max-width:350px){.world-links{gap:6px}.world-link,.paired .world-link{width:47px;height:49px}.paired>span{max-width:36px;white-space:normal;line-height:1.2;text-align:center}.contract{font-size:11px}}@media(max-height:550px) and (min-width:681px){.world-links{bottom:61px;transform:translateX(-50%) scale(.85)}footer{bottom:6px}#reaction{bottom:141px;font-size:13px;padding:6px 12px}.contract{top:15px}}