:root{--neon:#39ff6a;--dim:#2e7a45;--mut:#7da58a;--faint:#4c6b57;--line:#1b3a24;--line-hot:#32844a;--glass:#02080485;--text:#dff5e6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{color:var(--text);background:#020503;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mono{font-family:SF Mono,Menlo,Consolas,monospace}canvas{display:block}.overlay{pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.overlay>*{pointer-events:auto}.overlay:before{content:"";pointer-events:none;opacity:.32;mix-blend-mode:screen;background:linear-gradient(90deg,#39ff6a33 0 1px,#0000 1px calc(100% - 1px),#39ff6a33 calc(100% - 1px)),linear-gradient(#39ff6a24 0 1px,#0000 1px calc(100% - 1px),#39ff6a24 calc(100% - 1px)),repeating-linear-gradient(#39ff6a09 0 1px,#0000 1px 6px);position:fixed;inset:0}.overlay:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 52%,#0000 0 46%,#0205032e 74%,#0205039e 100%),linear-gradient(#02050359,#0000 18% 74%,#0205039e);position:fixed;inset:0}.frameCorner{filter:drop-shadow(0 0 10px #39ff6a52);border-color:#39ff6a9e;width:72px;height:72px;position:absolute}.frameCorner.tl{border-top:2px solid;border-left:2px solid;top:14px;left:14px}.frameCorner.tr{border-top:2px solid;border-right:2px solid;top:14px;right:14px}.frameCorner.bl{border-bottom:2px solid;border-left:2px solid;bottom:14px;left:14px}.frameCorner.br{border-bottom:2px solid;border-right:2px solid;bottom:14px;right:14px}.perimeterRail{opacity:.7;background:linear-gradient(#0000,#39ff6a66,#0000);width:1px;position:absolute;top:112px;bottom:112px;box-shadow:0 0 12px #39ff6a38}.perimeterRail.left{left:28px}.perimeterRail.right{right:28px}.brand{top:max(18px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(90deg,#39ff6a21,#0000 58%),#020804ad;border:1px solid #39ff6a59;border-left-width:3px;border-radius:0;align-items:center;gap:10px;padding:7px 13px 7px 8px;display:flex;position:absolute;box-shadow:inset 0 0 18px #39ff6a14,0 0 24px #00000047}.brand .coin{border:2px solid var(--neon);width:32px;height:32px;color:var(--neon);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:900;display:flex;box-shadow:0 0 12px #39ff6a80,inset 0 0 8px #39ff6a40}.brand .t{letter-spacing:3.5px;color:var(--neon);text-shadow:0 0 14px #39ff6a99;font-size:14px;font-weight:900}.tokenBar{top:max(18px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);background:linear-gradient(90deg,#02080480,#39ff6a14),#020804b3;border:1px solid #39ff6a57;border-right-width:3px;align-items:center;gap:8px;padding:7px;display:flex;position:absolute;box-shadow:inset 0 0 18px #39ff6a12,0 0 24px #00000047}.tokenSymbol{color:var(--neon);letter-spacing:2.5px;text-shadow:0 0 12px #39ff6a7a;white-space:nowrap;padding:0 7px 0 5px;font-size:11px;font-weight:900}.copyCA,.xLink{height:30px;color:var(--mut);font:inherit;letter-spacing:1.7px;cursor:pointer;background:#020503a3;border:1px solid #39ff6a47;border-radius:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.copyCA{gap:7px;min-width:86px;padding:0 10px}.copyCA span{color:var(--faint);font-size:9px}.copyCA:hover,.copyCA.copied,.xLink:hover{color:var(--neon);border-color:#39ff6ad1;box-shadow:0 0 14px #39ff6a38}.xLink{width:32px;color:var(--neon)}.status{top:max(66px, calc(env(safe-area-inset-top) + 66px));right:max(24px, env(safe-area-inset-right));text-align:right;letter-spacing:2px;color:var(--faint);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(135deg,#39ff6a1f,#0000 42%),linear-gradient(#020804d1,#0208047a);border:1px solid #39ff6a52;border-right-width:3px;border-radius:0;padding:15px 14px 12px 22px;font-size:10px;line-height:1.9;position:absolute;box-shadow:inset 0 0 22px #39ff6a12,0 0 32px #00000038}.status:before{content:"";background:var(--neon);width:22px;height:1px;position:absolute;top:7px;right:9px;box-shadow:0 0 10px #39ff6acc}.status b{color:var(--neon);font-weight:800}.status .soundToggle{cursor:pointer;color:var(--mut)}.status .soundToggle:hover{color:var(--neon)}.panel{text-align:center;width:min(680px,92vw);padding:0 16px;transition:opacity .8s,transform .8s;position:absolute;bottom:max(24px,6vh);left:50%;transform:translate(-50%)}.panel.hidden{opacity:0;pointer-events:none;transform:translate(-50%)translateY(30px)}.panelShell{clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%,0 22px);background:linear-gradient(90deg,#0000 0 18px,#39ff6a1f 18px 19px,#0000 19px calc(100% - 19px),#39ff6a1f calc(100% - 19px) calc(100% - 18px),#0000 calc(100% - 18px)),linear-gradient(#02080429,#0208046b);padding:20px 24px 18px;position:relative}.panelShell:before,.panelShell:after{content:"";background:linear-gradient(90deg,#0000,#39ff6a61,#0000);width:min(520px,76vw);height:1px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 18px #39ff6a47}.panelShell:before{top:0}.panelShell:after{opacity:.5;bottom:0}.panel .memo{color:var(--mut);letter-spacing:3px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#39ff6a1f,#0000 18% 82%,#39ff6a1f),#020503ad;border:1px solid #39ff6a47;border-radius:0;padding:6px 14px;font-size:10px;display:inline-block;position:relative;box-shadow:inset 0 0 16px #39ff6a0f,0 0 14px #00000047}.panel h1{letter-spacing:2px;color:var(--neon);text-shadow:0 0 7px #39ff6af2,0 0 28px #39ff6aad,0 0 82px #39ff6a5c;margin:12px 0 4px;font-size:clamp(40px,7vw,72px);font-weight:900}.panel .tag{color:var(--text);text-shadow:0 1px 8px #000;margin-bottom:20px;font-size:clamp(14px,2vw,18px);font-weight:600}.commandRow{justify-content:center;align-items:stretch;gap:10px;display:flex}.btn{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:var(--neon);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(90deg,#39ff6a2e,#39ff6a0f 50%,#39ff6a21),#02080494;border:1px solid #39ff6af2;border-radius:0;min-height:48px;padding:13px 30px;font-size:13px;font-weight:900;transition:all .15s;display:inline-block;position:relative;overflow:hidden;box-shadow:0 0 20px #39ff6a52,inset 0 0 16px #39ff6a1f}.btn:before{content:"";background:linear-gradient(110deg,#0000 0 34%,#ffffff2e 46%,#0000 58%);transition:transform .45s;position:absolute;inset:0;transform:translate(-130%)}.btn:hover:before{transform:translate(130%)}.btn:hover{background:var(--neon);color:#04140a;box-shadow:0 0 34px #39ff6ab3}.btn.dim{color:var(--mut);background:#0205039e;border-color:#39ff6a38;margin-left:0;box-shadow:inset 0 0 12px #39ff6a0d}.btn.dim:hover{border-color:var(--neon);color:var(--neon);background:#39ff6a14}.hud{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:2px;color:var(--faint);white-space:nowrap;background:#020503b3;border-radius:8px;align-items:center;gap:26px;padding:10px 22px;font-size:11px;transition:opacity .8s;display:flex;position:absolute;bottom:max(18px,3.5vh);left:50%;transform:translate(-50%)}.hud.hidden{opacity:0;pointer-events:none}.hud b{color:var(--neon);font-weight:800}.hud .exit{cursor:pointer;color:var(--mut);text-decoration:underline}.hud .exit:hover{color:var(--neon)}.hint{letter-spacing:3px;color:var(--faint);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#0000,#39ff6a14,#0000),linear-gradient(#0208048a,#0208041f);border:1px solid #39ff6a29;border-top:none;border-radius:0;padding:7px 18px;font-size:10px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.loader{z-index:100;opacity:1;background:radial-gradient(circle at 50% 45%,#071a0e 0%,#020503 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .7s;display:flex;position:fixed;inset:0}.loader.done{opacity:0;pointer-events:none}.loader-coin{border:3px solid var(--neon);width:68px;height:68px;color:var(--neon);border-radius:50%;justify-content:center;align-items:center;font-size:34px;font-weight:900;animation:1.6s ease-in-out infinite loaderPulse;display:flex;box-shadow:0 0 26px #39ff6a8c,inset 0 0 16px #39ff6a4d}@keyframes loaderPulse{50%{box-shadow:0 0 46px #39ff6ae6,inset 0 0 22px #39ff6a73}}.loader-title{letter-spacing:5px;color:var(--neon);text-shadow:0 0 12px #39ff6ab3,0 0 40px #39ff6a66;font-size:30px;font-weight:900}.loader-memo{letter-spacing:5px;color:var(--mut);font-size:11px}.loader-bar{border:1px solid var(--line);background:#39ff6a1f;border-radius:3px;width:min(300px,70vw);height:5px;overflow:hidden}.loader-bar span{background:var(--neon);height:100%;transition:width .3s;display:block;box-shadow:0 0 12px #39ff6acc}.loader-pct{letter-spacing:3px;color:var(--faint);font-size:10px}@media (width<=760px){.hint{display:none}.frameCorner{opacity:.7;width:48px;height:48px}.perimeterRail{display:none}.brand{top:14px;left:16px}.brand .coin{width:30px;height:30px;font-size:15px}.brand .t{font-size:12px}.tokenBar{gap:6px;padding:6px;top:58px;right:16px}.tokenSymbol{display:none}.copyCA{min-width:78px;height:29px;padding:0 9px;font-size:9px}.xLink{width:30px;height:29px;font-size:10px}.status{letter-spacing:1.5px;font-size:9px;line-height:1.75;top:104px;right:16px}.panel{width:min(560px,92vw);bottom:max(20px,4vh)}.panelShell{clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px);padding:16px 12px 14px}.panel .memo{letter-spacing:2px;max-width:100%;padding:5px 9px;font-size:9px}.panel h1{margin-top:10px;font-size:clamp(38px,12vw,58px)}.panel .tag{margin-bottom:16px}.btn{letter-spacing:1.5px;min-width:min(255px,42vw);padding:12px 18px;font-size:12px}.btn.dim{margin-left:8px}.hud{flex-wrap:wrap;justify-content:center;gap:8px 18px;width:92vw}}@media (width<=520px){.status{max-width:160px}.brand .t{display:none}.tokenSymbol{text-overflow:ellipsis;max-width:108px;display:block;overflow:hidden}.panel{width:94vw}.commandRow{display:block}.btn{width:min(310px,86vw);margin:0 auto;display:block}.btn.dim{margin:10px auto 0}}@media (height<=680px){.panel{bottom:18px}.panel h1{margin:8px 0 4px;font-size:clamp(34px,9vw,52px)}.panel .tag{margin-bottom:12px}.panel .memo{font-size:9px}.btn{min-height:44px;padding-top:11px;padding-bottom:11px}}