:root{--a:#ff2d95;--b:#00e5ff;--c:#ffe600;color-scheme:dark}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}
html,body{margin:0;height:100%;background:#05050c;color:#fff;font-family:"Trebuchet MS",Verdana,Arial,sans-serif;overflow:hidden}
#app{position:relative;height:100dvh;width:min(100vw,calc(100dvh*0.62));margin:auto;background:#0b0b16;overflow:hidden}
.full{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
.scr{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;gap:10px;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#140a2ee8,#0b0b16f2);z-index:5}
.scr.on{display:flex}
#home{background:linear-gradient(180deg,#0b0b1666 0%,#0b0b1600 30%,#0b0b1600 55%,#0b0b16dd 100%)}
#game{background:none;padding:0}
h2{margin:4px 0;font-size:23px}
.logo{margin:0;text-align:center;line-height:.92;transform:rotate(-3deg);animation:bob 1.6s ease-in-out infinite}
.logo span,.logo b,.logo i{display:block;font-weight:900;font-style:normal;-webkit-text-stroke:3px #1a0630;paint-order:stroke fill}
.logo span{font-size:50px;color:#fff;letter-spacing:1px;text-shadow:0 5px 0 #ff2d95,0 0 26px #ff2d95}
.logo b{font-size:68px;color:var(--c);letter-spacing:3px;text-shadow:0 6px 0 #e0207a,0 0 30px #ffe60099}
.logo i{font-size:19px;color:var(--b);letter-spacing:4px;margin-top:8px;-webkit-text-stroke:2px #1a0630;text-shadow:0 0 12px #00e5ff}
.brand{font-weight:900;font-size:15px;letter-spacing:4px;color:#fff;background:#0009;padding:5px 14px;border-radius:12px;margin-top:6px}
@keyframes bob{50%{transform:rotate(-3deg) translateY(-6px) scale(1.03)}}
.spacer{flex:1}.s1{flex:.35}
.btn{border:0;border-radius:16px;padding:12px 16px;font-weight:800;font-size:17px;font-family:inherit;color:#fff;background:linear-gradient(180deg,#8a4dff,#5a2bc0);box-shadow:0 5px 0 #2a1470;cursor:pointer;text-decoration:none;position:relative;text-align:center}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #2a1470}
.btn.big{font-size:34px;padding:14px 62px;background:linear-gradient(180deg,#ff5fb0,#e0207a);box-shadow:0 7px 0 #7a0a40,0 0 30px #ff2d95aa;border:3px solid #fff}
.btn.big2{font-size:20px;background:linear-gradient(180deg,#ff5fb0,#e0207a);box-shadow:0 5px 0 #7a0a40}
.btn.g{background:linear-gradient(180deg,#34c6e0,#1a8aa8);box-shadow:0 5px 0 #0a4a60}
.btn.y{background:linear-gradient(180deg,#ffd84a,#e09a00);box-shadow:0 5px 0 #8a4a00;color:#3a1800}
.btn.red{background:#8a2230;box-shadow:0 4px 0 #4a0a14}
.btn.sm{font-size:14px;padding:8px 12px}.btn.wide{width:100%}
.btn:disabled{opacity:.45}
.site{background:#000a;box-shadow:0 4px 0 #000;border:2px solid var(--b)}
.pulse{animation:pl 1s ease-in-out infinite}@keyframes pl{50%{transform:scale(1.06)}}
.row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;width:100%}
.top{display:flex;justify-content:space-between;align-items:center;width:100%}
.coin{font-weight:800;font-size:18px;color:var(--c);background:#000b;border-radius:20px;padding:7px 14px}
.gear{width:46px;height:46px;border-radius:50%;border:0;font-size:22px;background:#000a;color:#fff;cursor:pointer}
#pauseBtn{position:absolute;right:10px;top:calc(max(10px,env(safe-area-inset-top) + 10px) + 106px);z-index:6}
.sub{font-size:15px;color:#fffc;text-align:center}
#sc{width:100%;height:26%;flex:none;border-radius:16px;background:#0006}
.stat{width:100%;font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center}
.stat i{display:block;height:9px;border-radius:5px;background:#0008;overflow:hidden}.stat i b{display:block;height:100%;background:linear-gradient(90deg,var(--b),var(--a))}
.tabs{display:flex;width:100%;gap:4px}.tabs button{flex:1;border:0;border-radius:12px 12px 0 0;padding:10px 0;font-weight:800;font-size:15px;font-family:inherit;color:#fff;background:#ffffff1a}
.tabs button.on{background:#8a4dff}
.list{width:100%;overflow:auto;flex:1;display:flex;flex-direction:column;gap:8px}
.item{display:flex;gap:10px;align-items:center;background:#ffffff14;border-radius:14px;padding:8px 10px;min-height:64px}
.item .ic{width:56px;height:56px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;background:#0005;overflow:hidden}
.item .ic img{height:52px;width:auto;transform:rotate(90deg)}
.item .ic.tr{width:96px;height:64px}.item .ic.tr canvas{width:96px;height:64px}
.item .nm{flex:1;font-weight:800;font-size:16px}.item .nm small{display:block;font-weight:400;color:#fffb;font-size:12px}
.item .btn{padding:9px 12px;font-size:15px;min-width:92px}
.item.eq{outline:2px solid var(--c)}.item.lock{opacity:.6}
.card{width:100%;background:linear-gradient(135deg,#ff2d9544,#00e5ff33);border-radius:16px;padding:12px;text-align:center;font-size:17px}
.card.left{text-align:left;font-size:16px;line-height:1.45}.card p{margin:8px 0}
.tog{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:18px;background:#ffffff12;padding:10px 14px;border-radius:14px}
.sw{width:62px;height:34px;border-radius:20px;border:0;background:#555;position:relative;cursor:pointer}
.sw::after{content:'';position:absolute;left:4px;top:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s}
.sw.on{background:#22c55e}.sw.on::after{left:32px}
input[type=text],input[type=email],textarea{width:100%;padding:11px;border-radius:12px;border:0;font-size:16px;font-family:inherit;user-select:text;-webkit-user-select:text}
.fbf{display:flex;flex-direction:column;gap:9px;width:100%}.hp{position:absolute;left:-9999px}
.seg{display:flex;gap:6px}.seg button{flex:1;border:0;border-radius:10px;padding:10px;font-weight:700;font-size:15px;font-family:inherit;background:#ffffff22;color:#fff}.seg button.on{background:var(--b);color:#012}
.foot{font-size:11px;letter-spacing:1px;color:#fffa;margin-top:auto;text-align:center}
.rt{font-size:46px;margin:30px 0 0;color:var(--c);text-align:center;-webkit-text-stroke:2px #1a0630;paint-order:stroke fill;text-shadow:0 5px 0 #e0207a,0 0 24px #ffe60088}
.pod{width:100%;display:flex;flex-direction:column;gap:5px}
.pod div{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:12px;padding:6px 12px;font-size:16px;font-weight:700}
.pod div.me{background:linear-gradient(90deg,#ff2d9577,#00e5ff44);outline:2px solid var(--c)}
.pod b{width:34px;color:var(--c)}.pod img{height:34px;transform:rotate(90deg)}.pod span{flex:1}
.ri{text-align:center;font-size:19px;line-height:1.6}
.modal{position:absolute;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal.hidden{display:none}
.modal .card{display:flex;flex-direction:column;gap:14px;font-size:20px;background:linear-gradient(160deg,#4a1a9a,#22104a);border:3px solid var(--c)}
#ctl{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;padding:0 12px max(16px,env(safe-area-inset-bottom));align-items:flex-end;z-index:6}
#ctl .sp{flex:1}
.pad{width:78px;height:78px;border-radius:22px;border:3px solid #ffffffaa;background:#0b0b1699;color:#fff;font-size:30px;font-weight:900;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.pad.on{background:#00e5ff88;transform:scale(.94)}
.pad.brk{width:60px;height:60px;font-size:22px}
.pad.nit{width:92px;height:92px;border-color:var(--c);background:#ff2d9577;font-size:34px}.pad.nit small{font-size:12px;letter-spacing:1px;margin-top:2px}
.pad.nit.off{opacity:.45}
#splash{position:absolute;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease;cursor:pointer}
#splash img{width:min(88vw,520px);height:auto;animation:splashin 1.2s ease-out both}
#splash.out{opacity:0;pointer-events:none}
@keyframes splashin{0%{opacity:0;transform:scale(.9)}40%{opacity:1}100%{opacity:1;transform:scale(1)}}
.hidden{display:none!important}

.diff{width:100%;text-align:center;margin:2px 0 8px}.dseg{display:flex;gap:6px}.dseg button{flex:1;border:0;border-radius:12px;padding:10px 0;font-weight:800;font-size:15px;font-family:inherit;color:#fff;background:#ffffff1a}.dseg button.on{background:#ff2d95;box-shadow:0 0 12px #ff2d9588}.diff small{display:block;margin-top:5px;font-size:12px;color:#ffffffb0}