*{box-sizing:border-box}body{margin:0;background:#020705;color:#e7f4ee;font-family:Arial,Helvetica,sans-serif;min-height:100svh;display:grid;place-items:center}a{color:inherit;text-decoration:none;cursor:pointer}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}.stage{position:relative;width:min(100vw,177.6833svh);aspect-ratio:1672/941;overflow:hidden;container-type:inline-size}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}header{position:absolute;inset:0 0 auto;height:8.3%;background:#0009;border-bottom:1px solid #21433270;display:flex;align-items:center;justify-content:space-between;padding:0 4%}.brand{display:flex;align-items:center;gap:1.8cqw;font-size:1.25cqw;letter-spacing:.15cqw}.brand img{width:3cqw;height:3.5cqw}nav{display:flex;gap:2.2cqw;align-items:center;font-size:.9cqw}nav button{border:0;background:none;padding:.7cqw 0}nav .active{color:#00ff91;border-bottom:1px solid #00ff91;padding:.7cqw 0}#buy{padding:.8cqw 2.1cqw;border:1px solid #00ed97;border-radius:1.2cqw;color:#32ffdc;box-shadow:inset 0 0 16px #00ff7130;font-weight:bold;margin-left:1cqw}.controls{position:absolute;left:3.95%;top:54.45%;width:40.65%}.contract{display:flex;align-items:center;height:4.5cqw;border:1px solid #23e589;border-radius:.8cqw;background:#020c0cdf;overflow:hidden;box-shadow:inset 0 0 25px #00bd6a16}.contract>span{padding:1.5cqw;font-size:1.1cqw;background:#06131b}.contract code{flex:1;min-width:0;font-family:Arial,sans-serif;font-size:.95cqw;overflow-wrap:anywhere;padding:0 1.3cqw}.contract button{margin-right:1.2cqw;width:3cqw;height:2.9cqw;background:#002a17;border:1px solid #41ec98;border-radius:.5cqw;font-size:1.8cqw}.buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.8cqw;margin-top:1.35cqw}.buttons a{height:5.35cqw;border:1px solid #66ffb6;border-radius:1cqw;background:linear-gradient(140deg,#164b32d9,#02100cef 48%,#0a2c20ed);box-shadow:inset 0 2px 4px #bbffdf70,inset 0 0 22px #26ff7b20;display:flex;align-items:center;padding:0 1.3cqw;gap:1cqw;font-size:1.1cqw;font-weight:600;transition:transform .2s,filter .2s}.buttons a:hover{transform:translateY(-3px);filter:brightness(1.2)}.buttons img{width:2.2cqw;height:2.5cqw;object-fit:contain}.buttons b{margin-left:auto;font-size:2cqw;font-weight:normal;color:#04ed92}.buttons .x{grid-column:1/-1;justify-content:center;height:4.8cqw}.buttons .x img{filter:invert(1)}.buttons .x b{margin-left:1.5cqw}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{width:min(1150px,94vw);padding:0;background:#08120c;color:#effff5;border:1px solid #36cc7d;border-radius:14px;box-shadow:0 0 50px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:15px 22px;border-bottom:1px solid #29543c}.dialog-head button{background:none;border:0;font-size:30px}iframe{width:100%;height:70svh;border:0}.empty{text-align:center;padding:100px 25px;color:#8fa899}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#072919;color:#d5ffe6;border:1px solid #34e992;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;font-size:13px}#toast.show{opacity:1}@media(max-aspect-ratio:1/1){.stage{min-width:760px}body{display:block;overflow-x:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Full-screen composition, compact borderless controls. */
body{display:block;overflow-x:hidden;background:#000}
.stage{width:100%;height:100svh;min-height:650px;aspect-ratio:auto;min-width:0}
.scene{object-fit:cover;object-position:center center}
header{height:76px;padding:0 4%;border:0;background:linear-gradient(#000b,transparent)}
.brand{font-size:18px;gap:16px;letter-spacing:2px}
.brand img{width:34px;height:38px}
nav{font-size:13px;gap:28px}
nav button,nav .active{padding:10px 0;border:0}
#buy{padding:11px 20px;border:0;border-radius:6px;box-shadow:none;background:#0033219c;margin-left:10px;color:#6effbc}
.controls{left:4%;top:55%;width:39%;max-width:650px}
.contract{height:48px;border:0;border-radius:5px;background:#020c0bc7;box-shadow:none}
.contract>span{font-size:12px;padding:0 17px;background:none;color:#81988d}
.contract code{font-size:12px;padding:0 12px}
.contract button{width:34px;height:32px;margin-right:8px;border:0;background:#123023;border-radius:4px;font-size:18px}
.buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
.buttons a,.buttons .x{height:45px;grid-column:auto;border:0;border-radius:5px;box-shadow:none;background:#071b14df;padding:0 14px;gap:9px;font-size:13px;font-weight:500;justify-content:center}
.buttons a:hover{background:#103e29;filter:none;transform:translateY(-2px)}
.buttons img{width:21px;height:21px}
.buttons b{font-size:20px;margin-left:5px}
.buttons .x{padding:0 15px;min-width:62px}
.buttons .x b{display:none}
a:focus-visible,button:focus-visible{outline:0;text-decoration:underline;text-underline-offset:5px;filter:brightness(1.35)}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:0}
@media(max-width:1000px){.controls{width:46%;left:3%;top:57%}.buttons{gap:6px}.buttons a,.buttons .x{font-size:11px;padding:0 9px;height:40px}.buttons img{width:17px;height:17px}.contract code{font-size:10px}header{padding:0 3%}nav{gap:18px}}