*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;height:100vh;width:100vw;font-family:Arial Rounded MT Bold,Arial,sans-serif;-webkit-user-select:none;user-select:none}#canvas{display:block;cursor:crosshair}#hud{position:fixed;top:0;left:0;right:0;padding:10px 18px;display:flex;justify-content:space-between;align-items:center;z-index:20;pointer-events:none}.hb{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:6px 16px;color:#fff;font-size:19px;font-weight:700;border:2px solid rgba(255,255,255,.28);text-shadow:0 2px 4px rgba(0,0,0,.5)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;pointer-events:none}#overlay.on{pointer-events:all}.glass{background:#0a0a32d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2px solid rgba(255,255,255,.22);border-radius:26px;padding:32px 44px;color:#fff;text-align:center;max-width:92vw}.btn{display:inline-block;padding:13px 34px;font-size:21px;font-weight:700;border:none;border-radius:50px;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 6px 22px #3b82f680;margin:7px}.btn:hover{transform:scale(1.06)}.btn:active{transform:scale(.96)}.btn.g{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 22px #16a34a66}.btn.r{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn.gold{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 22px #d9770680}.btn.pur{background:linear-gradient(135deg,#7c3aed,#6d28d9)}h1{font-size:50px;text-shadow:0 0 30px #60a5fa;margin-bottom:6px}h2{font-size:36px}p{font-size:19px;line-height:1.6;color:#e2e8f0}input[type=text]{font-size:23px;padding:12px 22px;border-radius:50px;border:3px solid #3b82f6;background:#ffffff1a;color:#fff;text-align:center;outline:none;width:270px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:10px 0}input::placeholder{color:#ffffff73}#diffs{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:18px 0;width:100%;max-width:820px}.dc{background:#ffffff14;border:2px solid rgba(255,255,255,.18);border-radius:18px;padding:15px 8px;cursor:pointer;transition:all .2s;text-align:center;color:#fff}.dc:hover{background:#ffffff2b;transform:translateY(-4px);border-color:#ffffff73}.dc.sel{background:#3b82f661;border-color:#3b82f6;transform:translateY(-4px)}.dc .em{font-size:38px;display:block;margin-bottom:7px}.dc .nm{font-size:20px;font-weight:700}.dc .ds{font-size:13px;margin-top:4px}#lbTable{width:100%;border-collapse:collapse;color:#fff;font-size:17px}#lbTable th{background:#3b82f666;padding:9px 15px;text-align:right}#lbTable td{padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.1)}#lbTable tr:hover td{background:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.anim{animation:fadeIn .4s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float{animation:float 2s infinite}@media (max-width: 600px){h1{font-size:32px}h2{font-size:24px}.btn{font-size:17px;padding:10px 24px}#diffs{grid-template-columns:repeat(2,1fr)}.dc .em{font-size:28px}.dc .nm{font-size:16px}input[type=text]{width:220px;font-size:19px}.glass{padding:20px 24px;border-radius:18px}}