1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <title>๐ƒ๐Ž๐’๐„๐‡๐Ž๐”๐’๐„ ๐Œ๐„๐๐”</title>
  8.   <style>
  9.     @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;600;700&display=swap');
  10.  
  11.     /* ========== LOADING SCREEN STYLES ========== */
  12.     #loader-container {
  13.       position: fixed;
  14.       top: 0;
  15.       left: 0;
  16.       width: 100%;
  17.       height: 100%;
  18.       background: #000000;
  19.       display: flex;
  20.       flex-direction: column;
  21.       align-items: center;
  22.       justify-content: center;
  23.       z-index: 10000;
  24.       transition: opacity 0.5s ease, visibility 0.5s ease;
  25.     }
  26.  
  27.     #loader-container.hidden {
  28.       opacity: 0;
  29.       visibility: hidden;
  30.     }
  31.  
  32.     .loader-logo {
  33.       width: 180px;
  34.       height: 180px;
  35.       margin-bottom: 40px;
  36.       position: relative;
  37.       animation: logoEntry 1s ease-out;
  38.     }
  39.  
  40.     @keyframes logoEntry {
  41.       0% {
  42.         transform: scale(0) rotate(-180deg);
  43.         opacity: 0;
  44.       }
  45.  
  46.       60% {
  47.         transform: scale(1.1) rotate(10deg);
  48.       }
  49.  
  50.       100% {
  51.         transform: scale(1) rotate(0deg);
  52.         opacity: 1;
  53.       }
  54.     }
  55.  
  56.     .loader-logo-inner {
  57.       width: 100%;
  58.       height: 100%;
  59.       background: linear-gradient(135deg, #0a0a0a, #1a1a1a);
  60.       border: 2px solid rgba(0, 255, 100, 0.6);
  61.       border-radius: 25px;
  62.       padding: 12px;
  63.       position: relative;
  64.       box-shadow:
  65.         0 0 40px rgba(0, 255, 100, 0.4),
  66.         inset 0 0 30px rgba(0, 255, 100, 0.1);
  67.       animation: logoPulse 2s ease-in-out infinite;
  68.     }
  69.  
  70.     @keyframes logoPulse {
  71.  
  72.       0%,
  73.       100% {
  74.         box-shadow:
  75.           0 0 40px rgba(0, 255, 100, 0.4),
  76.           inset 0 0 30px rgba(0, 255, 100, 0.1);
  77.       }
  78.  
  79.       50% {
  80.         box-shadow:
  81.           0 0 60px rgba(0, 255, 100, 0.6),
  82.           inset 0 0 40px rgba(0, 255, 100, 0.2);
  83.       }
  84.     }
  85.  
  86.     .loader-logo-inner::before {
  87.       content: "";
  88.       position: absolute;
  89.       top: -6px;
  90.       left: -6px;
  91.       right: -6px;
  92.       bottom: -6px;
  93.       border: 2px solid rgba(0, 255, 100, 0.3);
  94.       border-radius: 25px;
  95.       animation: rotateBorderLoader 3s linear infinite;
  96.     }
  97.  
  98.     @keyframes rotateBorderLoader {
  99.       0% {
  100.         transform: rotate(0deg);
  101.         opacity: 0.3;
  102.       }
  103.  
  104.       50% {
  105.         opacity: 0.8;
  106.       }
  107.  
  108.       100% {
  109.         transform: rotate(360deg);
  110.         opacity: 0.3;
  111.       }
  112.     }
  113.  
  114.     .loader-logo-img {
  115.       width: 100%;
  116.       height: 100%;
  117.       object-fit: cover;
  118.       border-radius: 18px;
  119.       filter: brightness(1.2);
  120.     }
  121.  
  122.     .loader-title {
  123.       font-family: 'JetBrains Mono', monospace;
  124.       font-size: 2.5em;
  125.       font-weight: 700;
  126.       color: #00ff64;
  127.       text-shadow:
  128.         0 0 20px rgba(0, 255, 100, 0.8),
  129.         0 0 40px rgba(0, 255, 100, 0.5);
  130.       letter-spacing: 8px;
  131.       margin-bottom: 30px;
  132.       animation: titleFlicker 1.5s ease-in-out;
  133.     }
  134.  
  135.     @keyframes titleFlicker {
  136.  
  137.       0%,
  138.       100% {
  139.         opacity: 1;
  140.       }
  141.  
  142.       10%,
  143.       30%,
  144.       50%,
  145.       70% {
  146.         opacity: 0.8;
  147.       }
  148.  
  149.       20%,
  150.       40%,
  151.       60% {
  152.         opacity: 1;
  153.       }
  154.     }
  155.  
  156.     .loader-subtitle {
  157.       font-family: 'JetBrains Mono', monospace;
  158.       font-size: 0.9em;
  159.       color: rgba(0, 255, 100, 0.6);
  160.       letter-spacing: 3px;
  161.       margin-bottom: 50px;
  162.       animation: fadeIn 1s ease-in 0.5s both;
  163.     }
  164.  
  165.     @keyframes fadeIn {
  166.       from {
  167.         opacity: 0;
  168.         transform: translateY(20px);
  169.       }
  170.  
  171.       to {
  172.         opacity: 1;
  173.         transform: translateY(0);
  174.       }
  175.     }
  176.  
  177.     .progress-container {
  178.       width: 400px;
  179.       max-width: 80%;
  180.       height: 6px;
  181.       background: rgba(0, 255, 100, 0.1);
  182.       border-radius: 10px;
  183.       overflow: hidden;
  184.       position: relative;
  185.       box-shadow:
  186.         0 0 20px rgba(0, 255, 100, 0.2),
  187.         inset 0 0 10px rgba(0, 0, 0, 0.5);
  188.       animation: fadeIn 1s ease-in 0.8s both;
  189.     }
  190.  
  191.     .progress-bar {
  192.       height: 100%;
  193.       background: linear-gradient(90deg,
  194.           rgba(0, 255, 100, 0.6),
  195.           rgba(0, 255, 100, 1),
  196.           rgba(0, 255, 100, 0.6));
  197.       background-size: 200% 100%;
  198.       border-radius: 10px;
  199.       width: 0%;
  200.       transition: width 0.3s ease;
  201.       box-shadow: 0 0 20px rgba(0, 255, 100, 0.8);
  202.       animation: progressGlow 1.5s ease-in-out infinite;
  203.     }
  204.  
  205.     @keyframes progressGlow {
  206.  
  207.       0%,
  208.       100% {
  209.         background-position: 0% 0%;
  210.       }
  211.  
  212.       50% {
  213.         background-position: 100% 0%;
  214.       }
  215.     }
  216.  
  217.     .loader-status {
  218.       font-family: 'JetBrains Mono', monospace;
  219.       font-size: 0.85em;
  220.       color: rgba(0, 255, 100, 0.7);
  221.       margin-top: 20px;
  222.       letter-spacing: 2px;
  223.       animation: fadeIn 1s ease-in 1s both;
  224.     }
  225.  
  226.     .loader-dots::after {
  227.       content: '';
  228.       animation: dots 1.5s steps(4, end) infinite;
  229.     }
  230.  
  231.     @keyframes dots {
  232.  
  233.       0%,
  234.       20% {
  235.         content: '.';
  236.       }
  237.  
  238.       40% {
  239.         content: '..';
  240.       }
  241.  
  242.       60%,
  243.       100% {
  244.         content: '...';
  245.       }
  246.     }
  247.  
  248.     .loader-grid {
  249.       position: absolute;
  250.       top: 0;
  251.       left: 0;
  252.       width: 100%;
  253.       height: 100%;
  254.       background-image:
  255.         linear-gradient(rgba(0, 255, 100, 0.03) 1px, transparent 1px),
  256.         linear-gradient(90deg, rgba(0, 255, 100, 0.03) 1px, transparent 1px);
  257.       background-size: 40px 40px;
  258.       animation: loaderGridScroll 15s linear infinite;
  259.       pointer-events: none;
  260.     }
  261.  
  262.     @keyframes loaderGridScroll {
  263.       0% {
  264.         transform: translate(0, 0);
  265.       }
  266.  
  267.       100% {
  268.         transform: translate(40px, 40px);
  269.       }
  270.     }
  271.  
  272.     .loader-particles {
  273.       position: absolute;
  274.       top: 0;
  275.       left: 0;
  276.       width: 100%;
  277.       height: 100%;
  278.       overflow: hidden;
  279.       pointer-events: none;
  280.     }
  281.  
  282.     .particle {
  283.       position: absolute;
  284.       width: 2px;
  285.       height: 2px;
  286.       background: rgba(0, 255, 100, 0.6);
  287.       border-radius: 50%;
  288.       animation: particleFloat 3s ease-in-out infinite;
  289.       box-shadow: 0 0 10px rgba(0, 255, 100, 0.8);
  290.     }
  291.  
  292.     @keyframes particleFloat {
  293.       0% {
  294.         transform: translateY(100vh) translateX(0);
  295.         opacity: 0;
  296.       }
  297.  
  298.       10% {
  299.         opacity: 1;
  300.       }
  301.  
  302.       90% {
  303.         opacity: 1;
  304.       }
  305.  
  306.       100% {
  307.         transform: translateY(-100px) translateX(100px);
  308.         opacity: 0;
  309.       }
  310.     }
  311.  
  312.     /* ========== ORIGINAL STYLES ========== */
  313.     * {
  314.       margin: 0;
  315.       padding: 0;
  316.       box-sizing: border-box;
  317.     }
  318.  
  319.     body {
  320.       background: #000000;
  321.       color: #ffffff;
  322.       font-family: 'JetBrains Mono', monospace;
  323.       line-height: 1.6;
  324.       min-height: 100vh;
  325.       overflow-x: hidden;
  326.       position: relative;
  327.     }
  328.  
  329.     .grid-bg {
  330.       position: fixed;
  331.       top: 0;
  332.       left: 0;
  333.       width: 100%;
  334.       height: 100%;
  335.       background-image:
  336.         linear-gradient(rgba(0, 255, 100, 0.05) 1px, transparent 1px),
  337.         linear-gradient(90deg, rgba(0, 255, 100, 0.05) 1px, transparent 1px);
  338.       background-size: 50px 50px;
  339.       animation: gridScroll 20s linear infinite;
  340.       pointer-events: none;
  341.       z-index: 0;
  342.     }
  343.  
  344.     @keyframes gridScroll {
  345.       0% {
  346.         transform: translate(0, 0);
  347.       }
  348.  
  349.       100% {
  350.         transform: translate(50px, 50px);
  351.       }
  352.     }
  353.  
  354.     .cyber-lines {
  355.       position: fixed;
  356.       top: 0;
  357.       left: 0;
  358.       width: 100%;
  359.       height: 100%;
  360.       pointer-events: none;
  361.       z-index: 0;
  362.     }
  363.  
  364.     .line {
  365.       position: absolute;
  366.       background: linear-gradient(90deg, transparent, rgba(0, 255, 100, 0.3), transparent);
  367.       height: 1px;
  368.       width: 100%;
  369.       animation: lineMove 3s ease-in-out infinite;
  370.     }
  371.  
  372.     .line:nth-child(1) {
  373.       top: 20%;
  374.       animation-delay: 0s;
  375.     }
  376.  
  377.     .line:nth-child(2) {
  378.       top: 50%;
  379.       animation-delay: 1s;
  380.     }
  381.  
  382.     .line:nth-child(3) {
  383.       top: 80%;
  384.       animation-delay: 2s;
  385.     }
  386.  
  387.     @keyframes lineMove {
  388.  
  389.       0%,
  390.       100% {
  391.         opacity: 0;
  392.         transform: translateX(-100%);
  393.       }
  394.  
  395.       50% {
  396.         opacity: 1;
  397.         transform: translateX(100%);
  398.       }
  399.     }
  400.  
  401.     .container {
  402.       position: relative;
  403.       z-index: 1;
  404.     }
  405.  
  406.     .header-bg {
  407.       padding: 80px 20px 60px;
  408.       position: relative;
  409.       overflow: hidden;
  410.     }
  411.  
  412.     .header-bg::before {
  413.       content: "";
  414.       position: absolute;
  415.       top: 0;
  416.       left: 50%;
  417.       transform: translateX(-50%);
  418.       width: 150%;
  419.       height: 300px;
  420.       background: radial-gradient(ellipse at center, rgba(0, 255, 100, 0.15) 0%, transparent 70%);
  421.       filter: blur(60px);
  422.       animation: headerGlow 4s ease-in-out infinite;
  423.     }
  424.  
  425.     @keyframes headerGlow {
  426.  
  427.       0%,
  428.       100% {
  429.         opacity: 0.5;
  430.       }
  431.  
  432.       50% {
  433.         opacity: 1;
  434.       }
  435.     }
  436.  
  437.     .logo-container {
  438.       text-align: center;
  439.       margin-bottom: 50px;
  440.       perspective: 1000px;
  441.     }
  442.  
  443.     .logo {
  444.       width: 220px;
  445.       height: 220px;
  446.       margin: 0 auto;
  447.       position: relative;
  448.       animation: logoFloat 6s ease-in-out infinite;
  449.     }
  450.  
  451.     @keyframes logoFloat {
  452.  
  453.       0%,
  454.       100% {
  455.         transform: translateY(0px) rotateY(0deg);
  456.       }
  457.  
  458.       50% {
  459.         transform: translateY(-20px) rotateY(10deg);
  460.       }
  461.     }
  462.  
  463.     .logo-inner {
  464.       width: 100%;
  465.       height: 100%;
  466.       background: linear-gradient(135deg, #0a0a0a, #1a1a1a);
  467.       border: 2px solid rgba(0, 255, 100, 0.5);
  468.       border-radius: 30px;
  469.       padding: 15px;
  470.       position: relative;
  471.       box-shadow:
  472.         0 0 30px rgba(0, 255, 100, 0.3),
  473.         inset 0 0 30px rgba(0, 255, 100, 0.1);
  474.     }
  475.  
  476.     .logo-inner::before,
  477.     .logo-inner::after {
  478.       content: "";
  479.       position: absolute;
  480.       border: 2px solid rgba(0, 255, 100, 0.3);
  481.       border-radius: 30px;
  482.     }
  483.  
  484.     .logo-inner::before {
  485.       top: -8px;
  486.       left: -8px;
  487.       right: -8px;
  488.       bottom: -8px;
  489.       animation: rotateBorder1 8s linear infinite;
  490.     }
  491.  
  492.     .logo-inner::after {
  493.       top: -16px;
  494.       left: -16px;
  495.       right: -16px;
  496.       bottom: -16px;
  497.       animation: rotateBorder2 12s linear infinite reverse;
  498.     }
  499.  
  500.     @keyframes rotateBorder1 {
  501.       0% {
  502.         transform: rotate(0deg);
  503.         opacity: 0.3;
  504.       }
  505.  
  506.       50% {
  507.         opacity: 0.6;
  508.       }
  509.  
  510.       100% {
  511.         transform: rotate(360deg);
  512.         opacity: 0.3;
  513.       }
  514.     }
  515.  
  516.     @keyframes rotateBorder2 {
  517.       0% {
  518.         transform: rotate(0deg);
  519.         opacity: 0.2;
  520.       }
  521.  
  522.       50% {
  523.         opacity: 0.5;
  524.       }
  525.  
  526.       100% {
  527.         transform: rotate(360deg);
  528.         opacity: 0.2;
  529.       }
  530.     }
  531.  
  532.     .logo-img {
  533.       width: 100%;
  534.       height: 100%;
  535.       object-fit: cover;
  536.       border-radius: 20px;
  537.       filter: brightness(1.1);
  538.       position: relative;
  539.       z-index: 1;
  540.     }
  541.  
  542.     h1 {
  543.       text-align: center;
  544.       font-size: 3.5em;
  545.       font-weight: 700;
  546.       margin-bottom: 20px;
  547.       color: #00ff64;
  548.       text-shadow:
  549.         0 0 20px rgba(0, 255, 100, 0.8),
  550.         0 0 40px rgba(0, 255, 100, 0.5);
  551.       letter-spacing: 10px;
  552.       position: relative;
  553.       animation: titleGlitch 5s ease-in-out infinite;
  554.     }
  555.  
  556.     @keyframes titleGlitch {
  557.  
  558.       0%,
  559.       90%,
  560.       100% {
  561.         transform: translate(0);
  562.       }
  563.  
  564.       92% {
  565.         transform: translate(-2px, 2px);
  566.       }
  567.  
  568.       94% {
  569.         transform: translate(2px, -2px);
  570.       }
  571.  
  572.       96% {
  573.         transform: translate(-2px, -2px);
  574.       }
  575.     }
  576.  
  577.     .tagline {
  578.       text-align: center;
  579.       color: rgba(0, 255, 100, 0.6);
  580.       font-size: 1em;
  581.       letter-spacing: 5px;
  582.       text-transform: uppercase;
  583.       font-weight: 300;
  584.     }
  585.  
  586.     .fade-in {
  587.       opacity: 0;
  588.       transform: translateY(40px);
  589.       transition: opacity 0.8s ease, transform 0.8s ease;
  590.     }
  591.  
  592.     .fade-in.visible {
  593.       opacity: 1;
  594.       transform: translateY(0);
  595.     }
  596.  
  597.     .container-content {
  598.       max-width: 1200px;
  599.       margin: 0 auto;
  600.       padding: 40px 20px 80px;
  601.     }
  602.  
  603.     .warning {
  604.       background: linear-gradient(135deg, rgba(20, 0, 0, 0.6), rgba(40, 0, 0, 0.4));
  605.       border: 2px solid rgba(255, 0, 0, 0.5);
  606.       border-radius: 20px;
  607.       padding: 40px;
  608.       margin: 50px 0;
  609.       text-align: center;
  610.       color: #ff5555;
  611.       font-size: 0.95em;
  612.       line-height: 2;
  613.       position: relative;
  614.       overflow: hidden;
  615.       box-shadow:
  616.         0 0 30px rgba(255, 0, 0, 0.2),
  617.         inset 0 0 30px rgba(255, 0, 0, 0.1);
  618.     }
  619.  
  620.     .warning::before {
  621.       content: "";
  622.       position: absolute;
  623.       top: -50%;
  624.       left: -50%;
  625.       width: 200%;
  626.       height: 200%;
  627.       background: conic-gradient(from 0deg, transparent, rgba(255, 0, 0, 0.2), transparent 30%);
  628.       animation: warningRotate 4s linear infinite;
  629.     }
  630.  
  631.     @keyframes warningRotate {
  632.       0% {
  633.         transform: rotate(0deg);
  634.       }
  635.  
  636.       100% {
  637.         transform: rotate(360deg);
  638.       }
  639.     }
  640.  
  641.     .warning-content {
  642.       position: relative;
  643.       z-index: 1;
  644.     }
  645.  
  646.     .order-form {
  647.       background: linear-gradient(135deg, rgba(10, 20, 10, 0.6), rgba(5, 15, 5, 0.8));
  648.       border: 2px solid rgba(0, 255, 100, 0.3);
  649.       border-radius: 25px;
  650.       padding: 45px;
  651.       margin: 60px 0;
  652.       position: relative;
  653.       overflow: hidden;
  654.       box-shadow: 0 0 40px rgba(0, 255, 100, 0.15);
  655.     }
  656.  
  657.     .order-form::before {
  658.       content: "";
  659.       position: absolute;
  660.       top: 0;
  661.       left: -100%;
  662.       width: 100%;
  663.       height: 100%;
  664.       background: linear-gradient(90deg, transparent, rgba(0, 255, 100, 0.1), transparent);
  665.       animation: formScan 3s ease-in-out infinite;
  666.     }
  667.  
  668.     @keyframes formScan {
  669.       0% {
  670.         left: -100%;
  671.       }
  672.  
  673.       100% {
  674.         left: 200%;
  675.       }
  676.     }
  677.  
  678.     .order-form h3 {
  679.       color: #00ff64;
  680.       margin-bottom: 30px;
  681.       font-size: 1.6em;
  682.       font-weight: 700;
  683.       position: relative;
  684.       z-index: 1;
  685.     }
  686.  
  687.     .order-form .field {
  688.       margin: 18px 0;
  689.       padding: 20px 25px;
  690.       background: rgba(0, 0, 0, 0.5);
  691.       border-left: 4px solid rgba(0, 255, 100, 0.5);
  692.       border-radius: 10px;
  693.       font-size: 0.95em;
  694.       color: rgba(255, 255, 255, 0.8);
  695.       position: relative;
  696.       z-index: 1;
  697.       transition: all 0.3s ease;
  698.     }
  699.  
  700.     .order-form .field:hover {
  701.       background: rgba(0, 20, 0, 0.6);
  702.       border-left-width: 6px;
  703.       transform: translateX(8px);
  704.       box-shadow: 0 0 20px rgba(0, 255, 100, 0.2);
  705.     }
  706.  
  707.     .order-form .field span {
  708.       color: #00ff64;
  709.       font-weight: 600;
  710.     }
  711.  
  712.     .divider {
  713.       height: 2px;
  714.       margin: 70px 0;
  715.       position: relative;
  716.       background: linear-gradient(90deg, transparent, rgba(0, 255, 100, 0.5), transparent);
  717.       box-shadow: 0 0 10px rgba(0, 255, 100, 0.3);
  718.     }
  719.  
  720.     .divider::before {
  721.       content: "โ—†";
  722.       position: absolute;
  723.       top: 50%;
  724.       left: 50%;
  725.       transform: translate(-50%, -50%);
  726.       color: #00ff64;
  727.       font-size: 1.5em;
  728.       background: #000;
  729.       padding: 0 15px;
  730.       animation: dividerPulse 2s ease-in-out infinite;
  731.     }
  732.  
  733.     @keyframes dividerPulse {
  734.  
  735.       0%,
  736.       100% {
  737.         opacity: 0.5;
  738.       }
  739.  
  740.       50% {
  741.         opacity: 1;
  742.         text-shadow: 0 0 20px rgba(0, 255, 100, 0.8);
  743.       }
  744.     }
  745.  
  746.     .instruction {
  747.       text-align: center;
  748.       color: #00d4ff;
  749.       margin: 60px 0;
  750.       padding: 30px;
  751.       font-size: 1.2em;
  752.       font-weight: 600;
  753.       letter-spacing: 2px;
  754.       position: relative;
  755.     }
  756.  
  757.     .instruction::before,
  758.     .instruction::after {
  759.       content: "โ€บโ€บโ€บ";
  760.       position: absolute;
  761.       top: 50%;
  762.       transform: translateY(-50%);
  763.       color: rgba(0, 212, 255, 0.5);
  764.       animation: arrowPulse 1.5s ease-in-out infinite;
  765.     }
  766.  
  767.     .instruction::before {
  768.       left: 10%;
  769.     }
  770.  
  771.     .instruction::after {
  772.       right: 10%;
  773.       content: "โ€นโ€นโ€น";
  774.     }
  775.  
  776.     @keyframes arrowPulse {
  777.  
  778.       0%,
  779.       100% {
  780.         opacity: 0.3;
  781.       }
  782.  
  783.       50% {
  784.         opacity: 1;
  785.       }
  786.     }
  787.  
  788.     .section {
  789.       margin: 40px 0;
  790.       background: linear-gradient(135deg, rgba(10, 10, 15, 0.7), rgba(5, 5, 10, 0.9));
  791.       border: 1px solid rgba(0, 255, 100, 0.2);
  792.       border-radius: 20px;
  793.       overflow: hidden;
  794.       transition: all 0.4s ease;
  795.       position: relative;
  796.     }
  797.  
  798.     .section::before {
  799.       content: "";
  800.       position: absolute;
  801.       top: 0;
  802.       left: 0;
  803.       right: 0;
  804.       bottom: 0;
  805.       background: linear-gradient(135deg, transparent, rgba(0, 255, 100, 0.05), transparent);
  806.       opacity: 0;
  807.       transition: opacity 0.4s ease;
  808.     }
  809.  
  810.     .section:hover {
  811.       border-color: rgba(0, 255, 100, 0.6);
  812.       transform: translateX(10px) scale(1.02);
  813.       box-shadow:
  814.         -10px 0 30px rgba(0, 255, 100, 0.2),
  815.         0 0 50px rgba(0, 255, 100, 0.1);
  816.     }
  817.  
  818.     .section:hover::before {
  819.       opacity: 1;
  820.     }
  821.  
  822.     .section-title {
  823.       padding: 30px 35px;
  824.       font-size: 1.7em;
  825.       font-weight: 700;
  826.       cursor: pointer;
  827.       text-transform: uppercase;
  828.       letter-spacing: 3px;
  829.       position: relative;
  830.       z-index: 1;
  831.       background: linear-gradient(90deg, rgba(0, 255, 100, 0.1), transparent);
  832.     }
  833.  
  834.     .section-title a {
  835.       color: #ffffff;
  836.       text-decoration: none;
  837.       display: flex;
  838.       align-items: center;
  839.       position: relative;
  840.     }
  841.  
  842.     .section-title a::before {
  843.       content: "โ–ธ";
  844.       margin-right: 15px;
  845.       font-size: 1.3em;
  846.       color: #00ff64;
  847.       transition: all 0.3s ease;
  848.       text-shadow: 0 0 10px rgba(0, 255, 100, 0.5);
  849.     }
  850.  
  851.     .section:hover .section-title a::before {
  852.       margin-right: 25px;
  853.       text-shadow: 0 0 20px rgba(0, 255, 100, 1);
  854.     }
  855.  
  856.     .section-title a::after {
  857.       content: "";
  858.       position: absolute;
  859.       bottom: -5px;
  860.       left: 0;
  861.       width: 0;
  862.       height: 2px;
  863.       background: linear-gradient(90deg, #00ff64, transparent);
  864.       transition: width 0.4s ease;
  865.       box-shadow: 0 0 10px rgba(0, 255, 100, 0.8);
  866.     }
  867.  
  868.     .section:hover .section-title a::after {
  869.       width: 60%;
  870.     }
  871.  
  872.     .editable {
  873.       padding: 35px;
  874.       color: rgba(255, 255, 255, 0.7);
  875.       line-height: 2.2;
  876.       font-size: 0.95em;
  877.       background: rgba(0, 0, 0, 0.3);
  878.       position: relative;
  879.       z-index: 1;
  880.     }
  881.  
  882.     .contact-section {
  883.       background: linear-gradient(135deg, rgba(30, 0, 0, 0.6), rgba(50, 0, 10, 0.5));
  884.       border: 2px solid rgba(255, 0, 80, 0.5);
  885.       border-radius: 25px;
  886.       padding: 50px 45px;
  887.       margin: 70px 0;
  888.       position: relative;
  889.       overflow: hidden;
  890.       box-shadow: 0 0 40px rgba(255, 0, 80, 0.15);
  891.     }
  892.  
  893.     .contact-section::before {
  894.       content: "";
  895.       position: absolute;
  896.       top: -50%;
  897.       right: -50%;
  898.       width: 200%;
  899.       height: 200%;
  900.       background: conic-gradient(from 180deg, transparent, rgba(255, 0, 80, 0.15), transparent 30%);
  901.       animation: contactRotate 6s linear infinite;
  902.     }
  903.  
  904.     @keyframes contactRotate {
  905.       0% {
  906.         transform: rotate(0deg);
  907.       }
  908.  
  909.       100% {
  910.         transform: rotate(360deg);
  911.       }
  912.     }
  913.  
  914.     .contact-section h2 {
  915.       color: #ff4466;
  916.       text-align: center;
  917.       margin-bottom: 45px;
  918.       font-size: 2.2em;
  919.       font-weight: 700;
  920.       letter-spacing: 4px;
  921.       text-transform: uppercase;
  922.       position: relative;
  923.       z-index: 1;
  924.       text-shadow: 0 0 20px rgba(255, 68, 102, 0.5);
  925.     }
  926.  
  927.     .contact-item {
  928.       margin: 22px 0;
  929.       padding: 25px 30px;
  930.       background: rgba(0, 0, 0, 0.5);
  931.       border-left: 4px solid rgba(255, 0, 80, 0.6);
  932.       border-radius: 12px;
  933.       position: relative;
  934.       z-index: 1;
  935.       transition: all 0.3s ease;
  936.     }
  937.  
  938.     .contact-item:hover {
  939.       background: rgba(20, 0, 0, 0.7);
  940.       border-left-width: 6px;
  941.       transform: translateX(10px);
  942.       box-shadow: 0 0 25px rgba(255, 0, 80, 0.2);
  943.     }
  944.  
  945.     .contact-item strong {
  946.       color: #ff6688;
  947.       font-weight: 600;
  948.       display: block;
  949.       margin-bottom: 8px;
  950.       font-size: 1.05em;
  951.     }
  952.  
  953.     .contact-item a {
  954.       color: rgba(255, 255, 255, 0.8);
  955.       text-decoration: none;
  956.       transition: all 0.3s ease;
  957.       word-break: break-all;
  958.     }
  959.  
  960.     .contact-item a:hover {
  961.       color: #ffffff;
  962.       text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  963.     }
  964.  
  965.     .terms-section {
  966.       background: linear-gradient(135deg, rgba(30, 20, 0, 0.6), rgba(50, 30, 0, 0.5));
  967.       border: 2px solid rgba(255, 170, 0, 0.5);
  968.       border-radius: 25px;
  969.       padding: 50px 45px;
  970.       margin: 70px 0;
  971.       position: relative;
  972.       overflow: hidden;
  973.       box-shadow: 0 0 40px rgba(255, 170, 0, 0.12);
  974.     }
  975.  
  976.     .terms-section::before {
  977.       content: "";
  978.       position: absolute;
  979.       top: 0;
  980.       left: -100%;
  981.       width: 100%;
  982.       height: 100%;
  983.       background: linear-gradient(90deg, transparent, rgba(255, 170, 0, 0.1), transparent);
  984.       animation: termsScan 4s ease-in-out infinite;
  985.     }
  986.  
  987.     @keyframes termsScan {
  988.       0% {
  989.         left: -100%;
  990.       }
  991.  
  992.       100% {
  993.         left: 200%;
  994.       }
  995.     }
  996.  
  997.     .terms-section h2 {
  998.       color: #ffaa44;
  999.       text-align: center;
  1000.       margin-bottom: 45px;
  1001.       font-size: 2.2em;
  1002.       font-weight: 700;
  1003.       letter-spacing: 4px;
  1004.       text-transform: uppercase;
  1005.       position: relative;
  1006.       z-index: 1;
  1007.       text-shadow: 0 0 20px rgba(255, 170, 68, 0.5);
  1008.     }
  1009.  
  1010.     .terms-section ul {
  1011.       list-style: none;
  1012.       position: relative;
  1013.       z-index: 1;
  1014.     }
  1015.  
  1016.     .terms-section li {
  1017.       margin: 22px 0;
  1018.       padding: 25px 30px 25px 60px;
  1019.       background: rgba(0, 0, 0, 0.5);
  1020.       border-left: 4px solid rgba(255, 170, 0, 0.6);
  1021.       border-radius: 12px;
  1022.       color: rgba(255, 255, 255, 0.75);
  1023.       position: relative;
  1024.       transition: all 0.3s ease;
  1025.       line-height: 1.8;
  1026.     }
  1027.  
  1028.     .terms-section li:hover {
  1029.       background: rgba(20, 15, 0, 0.7);
  1030.       border-left-width: 6px;
  1031.       transform: translateX(10px);
  1032.       box-shadow: 0 0 25px rgba(255, 170, 0, 0.15);
  1033.     }
  1034.  
  1035.     .terms-section li::before {
  1036.       content: "โš ";
  1037.       position: absolute;
  1038.       left: 25px;
  1039.       color: #ffaa44;
  1040.       font-size: 1.3em;
  1041.       animation: termsBlink 3s ease-in-out infinite;
  1042.     }
  1043.  
  1044.     @keyframes termsBlink {
  1045.  
  1046.       0%,
  1047.       100% {
  1048.         opacity: 0.6;
  1049.       }
  1050.  
  1051.       50% {
  1052.         opacity: 1;
  1053.         text-shadow: 0 0 15px rgba(255, 170, 68, 0.8);
  1054.       }
  1055.     }
  1056.  
  1057.     a {
  1058.       color: #00d4ff;
  1059.       text-decoration: none;
  1060.       transition: all 0.3s ease;
  1061.     }
  1062.  
  1063.     a:hover {
  1064.       color: #00ffff;
  1065.       text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
  1066.     }
  1067.  
  1068.     .footer {
  1069.       text-align: center;
  1070.       padding: 60px;
  1071.       color: rgba(0, 255, 100, 0.3);
  1072.       border-top: 1px solid rgba(0, 255, 100, 0.15);
  1073.       margin-top: 100px;
  1074.       font-size: 1em;
  1075.       letter-spacing: 3px;
  1076.       position: relative;
  1077.     }
  1078.  
  1079.     .footer::before {
  1080.       content: "โ—† โ—† โ—†";
  1081.       display: block;
  1082.       margin-bottom: 15px;
  1083.       color: rgba(0, 255, 100, 0.2);
  1084.     }
  1085.  
  1086.     .review-btn-hypno {
  1087.       display: inline-block;
  1088.       padding: 12px 32px;
  1089.       border-radius: 14px;
  1090.       background: radial-gradient(circle at 30% 120%, rgba(0, 255, 170, 0.1), rgba(0, 255, 170, 0.02) 70%);
  1091.       border: 1px solid rgba(0, 255, 170, 0.4);
  1092.       color: #00ffc8;
  1093.       font-weight: 600;
  1094.       font-size: 1.15em;
  1095.       letter-spacing: 1.5px;
  1096.       text-decoration: none;
  1097.       text-shadow: 0 0 6px rgba(0, 255, 170, 0.6);
  1098.       box-shadow:
  1099.         0 0 10px rgba(0, 255, 170, 0.25),
  1100.         inset 0 0 20px rgba(0, 255, 170, 0.05);
  1101.       backdrop-filter: blur(4px);
  1102.       transition: all 0.4s ease;
  1103.       animation: hypnoPulse 4s infinite ease-in-out;
  1104.     }
  1105.  
  1106.     .review-btn-hypno:hover {
  1107.       transform: scale(1.07) rotate(-0.5deg);
  1108.       box-shadow:
  1109.         0 0 25px rgba(0, 255, 170, 0.4),
  1110.         inset 0 0 25px rgba(0, 255, 170, 0.1);
  1111.       border-color: rgba(0, 255, 170, 0.7);
  1112.     }
  1113.  
  1114.     @keyframes hypnoPulse {
  1115.  
  1116.       0%,
  1117.       100% {
  1118.         filter: drop-shadow(0 0 4px rgba(0, 255, 170, 0.3)) drop-shadow(0 0 12px rgba(0, 255, 170, 0.2));
  1119.         transform: scale(1);
  1120.       }
  1121.  
  1122.       50% {
  1123.         filter: drop-shadow(0 0 10px rgba(0, 255, 170, 0.6)) drop-shadow(0 0 20px rgba(0, 255, 170, 0.4));
  1124.         transform: scale(1.03);
  1125.       }
  1126.     }
  1127.  
  1128.     .network-bar {
  1129.       position: fixed;
  1130.       bottom: 12px;
  1131.       left: 50%;
  1132.       transform: translateX(-50%);
  1133.       width: 88%;
  1134.       max-width: 800px;
  1135.       background: rgba(0, 20, 0, 0.85);
  1136.       border: 1px solid rgba(0, 255, 100, 0.2);
  1137.       box-shadow: 0 0 16px rgba(0, 255, 0, 0.3);
  1138.       color: #00ffbb;
  1139.       font-family: 'JetBrains Mono', monospace;
  1140.       font-size: 14px;
  1141.       border-radius: 50px;
  1142.       padding: 10px 20px;
  1143.       display: flex;
  1144.       align-items: center;
  1145.       justify-content: space-between;
  1146.       gap: 20px;
  1147.       z-index: 9999;
  1148.       transition: all 0.4s ease;
  1149.       backdrop-filter: blur(5px);
  1150.     }
  1151.  
  1152.     .network-bar:hover {
  1153.       box-shadow: 0 0 20px rgba(0, 255, 120, 0.5);
  1154.       transform: translateX(-50%) scale(1.03);
  1155.     }
  1156.  
  1157.     .status-dot {
  1158.       width: 10px;
  1159.       height: 10px;
  1160.       border-radius: 50%;
  1161.       background: #00ff77;
  1162.       box-shadow: 0 0 10px #00ff77;
  1163.       animation: pulse 1.5s infinite alternate;
  1164.     }
  1165.  
  1166.     @keyframes pulse {
  1167.       0% {
  1168.         transform: scale(1);
  1169.         opacity: 0.7;
  1170.       }
  1171.  
  1172.       100% {
  1173.         transform: scale(1.4);
  1174.         opacity: 1;
  1175.       }
  1176.     }
  1177.  
  1178.     .status-text {
  1179.       font-weight: 600;
  1180.       text-shadow: 0 0 6px #00ffaa;
  1181.       letter-spacing: 0.5px;
  1182.       flex: 1;
  1183.     }
  1184.  
  1185.     .stats {
  1186.       white-space: nowrap;
  1187.     }
  1188.  
  1189.     .stats b {
  1190.       color: #aaffdd;
  1191.       text-shadow: 0 0 4px #00ff88;
  1192.     }
  1193.  
  1194.     .updated {
  1195.       animation: glowUpdate 0.5s ease;
  1196.     }
  1197.  
  1198.     @keyframes glowUpdate {
  1199.       0% {
  1200.         color: #00ffcc;
  1201.         text-shadow: 0 0 8px #00ffaa;
  1202.       }
  1203.  
  1204.       100% {
  1205.         color: #00ffbb;
  1206.         text-shadow: none;
  1207.       }
  1208.     }
  1209.  
  1210.     @media (max-width: 768px) {
  1211.       body {
  1212.         font-size: 14px;
  1213.       }
  1214.  
  1215.       .header-bg {
  1216.         padding: 40px 15px 30px;
  1217.       }
  1218.  
  1219.       .logo {
  1220.         width: 150px;
  1221.         height: 150px;
  1222.       }
  1223.  
  1224.       h1 {
  1225.         font-size: 2em;
  1226.         letter-spacing: 3px;
  1227.         word-break: break-word;
  1228.       }
  1229.  
  1230.       .tagline {
  1231.         font-size: 0.8em;
  1232.         letter-spacing: 2px;
  1233.       }
  1234.  
  1235.       .container-content {
  1236.         padding: 20px 15px 60px;
  1237.       }
  1238.  
  1239.       .warning,
  1240.       .order-form,
  1241.       .contact-section,
  1242.       .terms-section {
  1243.         padding: 20px 15px;
  1244.         margin: 30px 0;
  1245.       }
  1246.  
  1247.       .warning-content {
  1248.         font-size: 0.85em;
  1249.         line-height: 1.6;
  1250.       }
  1251.  
  1252.       .order-form h3 {
  1253.         font-size: 1.2em;
  1254.       }
  1255.  
  1256.       .order-form .field {
  1257.         padding: 12px 15px;
  1258.         font-size: 0.85em;
  1259.       }
  1260.  
  1261.       .section {
  1262.         margin: 25px 0;
  1263.         padding: 15px;
  1264.       }
  1265.  
  1266.       .section-title {
  1267.         font-size: 1.2em;
  1268.         padding: 20px 15px;
  1269.         letter-spacing: 1px;
  1270.       }
  1271.  
  1272.       .section-title a::before {
  1273.         margin-right: 10px;
  1274.       }
  1275.  
  1276.       .section:hover .section-title a::before {
  1277.         margin-right: 15px;
  1278.       }
  1279.  
  1280.       .editable {
  1281.         padding: 20px 15px;
  1282.         font-size: 0.85em;
  1283.         line-height: 2;
  1284.       }
  1285.  
  1286.       .contact-section h2,
  1287.       .terms-section h2 {
  1288.         font-size: 1.5em;
  1289.         letter-spacing: 2px;
  1290.         margin-bottom: 25px;
  1291.       }
  1292.  
  1293.       .contact-item {
  1294.         padding: 15px;
  1295.         font-size: 0.85em;
  1296.       }
  1297.  
  1298.       .terms-section li {
  1299.         padding: 15px 15px 15px 40px;
  1300.         font-size: 0.8em;
  1301.         line-height: 1.6;
  1302.       }
  1303.  
  1304.       .terms-section li::before {
  1305.         left: 15px;
  1306.         font-size: 1em;
  1307.       }
  1308.  
  1309.       .instruction {
  1310.         font-size: 0.9em;
  1311.         padding: 20px 15px;
  1312.         letter-spacing: 1px;
  1313.       }
  1314.  
  1315.       .instruction::before,
  1316.       .instruction::after {
  1317.         display: none;
  1318.       }
  1319.  
  1320.       .divider {
  1321.         margin: 40px 0;
  1322.       }
  1323.  
  1324.       .footer {
  1325.         padding: 30px 15px;
  1326.         font-size: 0.85em;
  1327.       }
  1328.  
  1329.       .network-bar {
  1330.         width: 95%;
  1331.         font-size: 11px;
  1332.         padding: 8px 12px;
  1333.         flex-direction: column;
  1334.         gap: 8px;
  1335.         text-align: center;
  1336.       }
  1337.  
  1338.       .status-text {
  1339.         font-size: 11px;
  1340.       }
  1341.  
  1342.       .stats {
  1343.         font-size: 10px;
  1344.       }
  1345.  
  1346.       .review-btn-hypno {
  1347.         font-size: 1em;
  1348.         padding: 10px 20px;
  1349.       }
  1350.  
  1351.       .loader-logo {
  1352.         width: 140px;
  1353.         height: 140px;
  1354.       }
  1355.  
  1356.       .loader-title {
  1357.         font-size: 1.8em;
  1358.         letter-spacing: 4px;
  1359.       }
  1360.  
  1361.       .loader-subtitle {
  1362.         font-size: 0.75em;
  1363.         letter-spacing: 2px;
  1364.       }
  1365.  
  1366.       .progress-container {
  1367.         width: 300px;
  1368.       }
  1369.     }
  1370.  
  1371.     @media (max-width: 480px) {
  1372.       h1 {
  1373.         font-size: 1.5em;
  1374.         letter-spacing: 2px;
  1375.       }
  1376.  
  1377.       .logo {
  1378.         width: 120px;
  1379.         height: 120px;
  1380.       }
  1381.  
  1382.       .tagline {
  1383.         font-size: 0.7em;
  1384.         letter-spacing: 1px;
  1385.       }
  1386.  
  1387.       .warning,
  1388.       .order-form,
  1389.       .contact-section,
  1390.       .terms-section {
  1391.         padding: 15px 10px;
  1392.       }
  1393.  
  1394.       .section-title {
  1395.         font-size: 1em;
  1396.         padding: 15px 10px;
  1397.       }
  1398.  
  1399.       .editable {
  1400.         padding: 15px 10px;
  1401.         font-size: 0.8em;
  1402.       }
  1403.  
  1404.       .contact-section h2,
  1405.       .terms-section h2 {
  1406.         font-size: 1.2em;
  1407.         letter-spacing: 1px;
  1408.       }
  1409.  
  1410.       .network-bar {
  1411.         bottom: 8px;
  1412.         font-size: 10px;
  1413.         padding: 6px 10px;
  1414.       }
  1415.  
  1416.       .loader-logo {
  1417.         width: 120px;
  1418.         height: 120px;
  1419.       }
  1420.  
  1421.       .loader-title {
  1422.         font-size: 1.5em;
  1423.         letter-spacing: 3px;
  1424.       }
  1425.     }
  1426.  
  1427.     @media (max-width: 768px) and (orientation: landscape) {
  1428.       .logo {
  1429.         width: 100px;
  1430.         height: 100px;
  1431.       }
  1432.  
  1433.       h1 {
  1434.         font-size: 1.8em;
  1435.       }
  1436.  
  1437.       .header-bg {
  1438.         padding: 30px 15px 20px;
  1439.       }
  1440.     }
  1441.   </style>
  1442. </head>
  1443.  
  1444. <body>
  1445.   <!-- LOADING SCREEN -->
  1446.   <div id="loader-container">
  1447.     <div class="loader-grid"></div>
  1448.     <div class="loader-particles" id="particles"></div>
  1449.     <div class="loader-logo">
  1450.       <div class="loader-logo-inner">
  1451.         <img class="loader-logo-img" src="https://i.ibb.co/Xfpy7DWN/388.png"; alt="DOSEHOUSE Logo">
  1452.       </div>
  1453.     </div>
  1454.     <div class="loader-title">DOSEHOUSE</div>
  1455.     <div class="loader-subtitle">INITIALIZING SECURE CONNECTION</div>
  1456.     <div class="progress-container">
  1457.       <div class="progress-bar" id="progressBar"></div>
  1458.     </div>
  1459.     <div class="loader-status">
  1460.       <span id="statusText" class="loader-dots">Loading system</span>
  1461.     </div>
  1462.   </div>
  1463.  
  1464.   <div class="grid-bg"></div>
  1465.   <div class="cyber-lines">
  1466.     <div class="line"></div>
  1467.     <div class="line"></div>
  1468.     <div class="line"></div>
  1469.   </div>
  1470.   <div class="container">
  1471.     <div class="header-bg">
  1472.       <div class="logo-container">
  1473.         <div class="logo">
  1474.           <div class="logo-inner">
  1475.             <img class="logo-img" src="https://i.ibb.co/Xfpy7DWN/388.png"; alt="DOSEHOUSE Logo">
  1476.           </div>
  1477.         </div>
  1478.       </div>
  1479.       <h1>DOSEHOUSE MENU</h1>
  1480.       <div class="tagline">SECURE โ€ข ANONYMOUS โ€ข ENCRYPTED</div>
  1481.     </div>
  1482.     <div class="container-content">
  1483.       <div class="warning fade-in">
  1484.         <div class="warning-content">
  1485.           โš ๏ธโญ•โญ•โญ• All orders are currently being accepted via proton mail only - [email protected] , BEAWARE OF IMPOSTERS โญ•โญ•โญ•โš ๏ธ<br><br>
  1486.           ๐Ÿ“Œ Note - 1: We Don't send samples (Do Not send 1 pills orders) Min order is 10 pills for scripts and 90 pills for pressies<br>
  1487.           2: โš ๏ธ All the prices listed are not updated rates please contact us to get latest Pricesโš ๏ธ<br>
  1488.           3: To place order simply send the details in order form format given below to official dosehouse mail<br>
  1489.           โš ๏ธ [Min order value $199] โš ๏ธ<br>
  1490.           โš ๏ธ
  1491.         </div>
  1492.       </div>
  1493.       <div class="order-form fade-in">
  1494.         <h3>๐Ÿ“‹ HOW TO PLACE ORDER</h3>
  1495.         <div class="field"><span>โš ๏ธTo place order send order details to EMAIL - [email protected]โš ๏ธ</span></div>
  1496.  
  1497.         <div class="field"><span>Name:</span> [Your Name]</div>
  1498.         <div class="field"><span>Address:</span> [Your Address]</div>
  1499.         <div class="field"><span>Items:</span> [List items here]</div>
  1500.         <div class="field"><span>Payment Method:</span> [Payment type]</div>
  1501.       </div>
  1502.       <div class="divider fade-in"></div>
  1503.       <div class="instruction fade-in">๐Ÿ“ฆ CLICK A CATEGORY TO VIEW PRODUCTS</div>
  1504.       <div class="section fade-in">
  1505.         <div class="section-title">
  1506.           <a href="https://codepen.io/Cage-the-typescripter/full/yyOJbar">Scripts [Click Here]</a>
  1507.         </div>
  1508.         <div class="editable">
  1509.           Farmapram 90ct<br>Trankimazin 50ct<br>Xanax 50ct<br>Diazepam 10MG<br>Clonazepam 2MG<br>
  1510.           Rivotril 2MG<br>Bromazepam 6MG<br>Dilaudid 8MG<br>Sophidone 24MG<br>Edunix 32MG<br>
  1511.           Morphine 200MG<br>Percs 10MG<br>Percs 20MG<br>Faroxy 15MG<br>OxyDolor 80MG<br>
  1512.           Oxycontin 20MG<br>OxyContin 40MG<br>OxyContin 80MG<br>OxyContin 120MG<br>
  1513.           Soma 500MG<br>Soma 1000MG<br>Zopiclone 10MG<br>Tapentadol 100MG<br>
  1514.           Tapentadol 250MG<br>Sildenafil 100MG
  1515.         </div>
  1516.       </div>
  1517.       <div class="section fade-in">
  1518.         <div class="section-title">
  1519.           <a href="https://codepen.io/Cage-the-typescripter/full/ByKzRzr">Pressed Pills [CLICK HERE]</a>
  1520.         </div>
  1521.         <div class="editable">
  1522.           CloBrom 1.85MG Bars (B707/R039/S903/Y21/G3722/GG249)<br>
  1523.           DP30/B974<br>Ecstasy<br>Watson 853<br>RP10<br>M30<br>Strong M30
  1524.         </div>
  1525.       </div>
  1526.       <div class="section fade-in">
  1527.         <div class="section-title">
  1528.           <a href="https://codepen.io/Cage-the-typescripter/full/LENZWop">Psychedelics [CLICK HERE]</a>
  1529.         </div>
  1530.         <div class="editable">
  1531.           Liquid LSD<br>LSD Gel Tabs<br>LSD Paper Tabs<br>N,N DMT Powder<br>
  1532.           N,N DMT Cart<br>PolkaDot Chocolate Bars<br>Mushrooms
  1533.         </div>
  1534.       </div>
  1535.       <div class="section fade-in">
  1536.         <div class="section-title">
  1537.           <a href="https://codepen.io/Cage-the-typescripter/full/vEGKmPR">Classics [CLICK HERE]</a>
  1538.         </div>
  1539.         <div class="editable">
  1540.           Ketamine S isomer<br>Ketamine R isomer<br>MDMA<br>Cocaine<br>
  1541.           Lavada<br>BTH<br>Raw F Powder<br>O-DSMT Powder<br>Meth
  1542.         </div>
  1543.       </div>
  1544.       <div class="divider fade-in"></div>
  1545.       <div class="section fade-in">
  1546.         <div class="section-title">
  1547.           <a href="https://codepen.io/Cage-the-typescripter/full/RNaRgpE"; target="_blank" class="review-btn-hypno">
  1548.             REVIEWS โญโญโญโญโญ
  1549.           </a>
  1550.         </div>
  1551.         <div class="editable">See what others are saying</div>
  1552.       </div>
  1553.       <div class="contact-section fade-in">
  1554.         <h2>โ— POINTS OF CONTACT โ—</h2>
  1555.         <div class="contact-item">
  1556.           <strong>Proton Mail</strong>
  1557.           <a href="mailto:[email protected]">[email protected]</a>
  1558.         </div>
  1559.         <div class="contact-item">
  1560.           <strong>Signal</strong>
  1561.           <a href="https://signal.me/#p/@DoseHouse.77"; target="_blank">@DoseHouse.77</a>
  1562.         </div>
  1563.         <div class="contact-item">
  1564.           <strong>Reddit Community</strong>
  1565.           <a href="https://www.reddit.com/r/DoseHouse/s/685l9t4VZy"; target="_blank"> Dosehouse Community</a>
  1566.         </div>
  1567.         <div class="contact-item">
  1568.           <strong>Sessions ID</strong>
  1569.           <span onclick="navigator.clipboard.writeText('05355d127acd5816420fb2b32ea1038059b0baa6f7d9f4bb53c67ec1b7050bb63b')" style="cursor:pointer;">
  1570.     05355d127acd5816420fb2b32ea1038059b0baa6f7d9f4bb53c67ec1b7050bb63b
  1571.           </span>
  1572.         </div>
  1573.         <div class="contact-item">
  1574.           <strong>Telegram Admin</strong>
  1575.           <a href="https://t.me/DextorU"; target="_blank">Username-@DextorU</a>
  1576.         </div>
  1577.         <div class="contact-item">
  1578.           <strong>Whatsapp</strong>
  1579.           <a href="https://wa.me/16028368853"; target="_blank ">https://wa.me/16028368853</a>;
  1580.         </div>
  1581.         <div class="contact-item">
  1582.           <strong>Signal Chat Group </strong>
  1583.           <a href="https://signal.group/#CjQKIHLguW4WKuZFuk8icqy5g1g9EUHbn6MI2IXaS5MB1cNTEhDoVZQNUazBjquAyRggwWA7"; target="_blank">Official Signal Chat Group Click to Join</a>
  1584.         </div>
  1585.         <div class="contact-item">
  1586.           <strong>Chats Telegram</strong>
  1587.           <a href="https://t.me/+GEfQI_SPYl8zZGY9"; target="_blank">https://t.me/+GEfQI_SPYl8zZGY9</a>;
  1588.         </div>
  1589.          <div class="contact-item">
  1590.           <strong>Backup Telegram</strong>
  1591.           <a href="https://t.me/+2pZ_dLCVPPA0MmU1"; target="_blank">https://t.me/+2pZ_dLCVPPA0MmU1</a>;
  1592.         </div>
  1593.       </div>
  1594.       <div class="terms-section fade-in">
  1595.         <h2>โ— DOSEHOUSE T&C โ—</h2>
  1596.         <ul>
  1597.           <li>We ship Monday - Friday. All orders are shipped within 4-7 business days unless unable to ship due to some unforeseen circumstances we ask you to be patient. All orders are charged a $15 -$50 shipping fee.</li>
  1598.           <li>Order Tracking - We provide tracking information for all orders. However, we strongly recommend signing up for USPS Informed Delivery to track your packages directly. Please do not contact us for tracking updates unless 3 full business days have passed since the day your order was placed. Note: weekends and holidays are not business days.</li>
  1599.           <li>Lost / Seized / Returned Packages - If USPS marks a package as seized, we may offer full or partial compensation depending on the situation. If a package is lost in transit, we will cover 50% of the order value. If a package is returned to sender and the address on the label was correct, we will not reship it. If the address on the label is incorrect and you did not notify us on the same day of purchase, we may only offer a partial reship. If a package is marked delivered, we cannot issue refunds or replacements.</li>
  1600.           <li>Payments - We currently accept cryptocurrency only (BTC and other coins). If you need guidance on how to purchase or send BTC/crypto, please reach out to us โ€” we're happy to help.</li>
  1601.           <li>Refunds & Cancellations - Once payment is received, we immediately process funds. Therefore, cancellations after payment will only be eligible for store credit, not refunds.</li>
  1602.           <li>We do not issue refunds or replacements for products based on personal preference or unmet expectations.</li>
  1603.         </ul>
  1604.       </div>
  1605.       <div class="warning fade-in" style="margin-top: 60px;">
  1606.         <div class="warning-content">
  1607.           All orders are accepted via official proton mail - [email protected]<br>
  1608.           For any information regarding products or services use official chat only
  1609.         </div>
  1610.       </div>
  1611.       <div class="footer">
  1612.         <p>DOSEHOUSE ยฉ 2025</p>
  1613.       </div>
  1614.     </div>
  1615.   </div>
  1616.   <div class="network-bar" id="networkBar">
  1617.     <span class="status-dot"></span>
  1618.     <span class="status-text">โšก DOSEHOUSE NETWORK STATUS โšก</span>
  1619.     <span class="stats">
  1620.       Visits: <b id="visits">31</b> |
  1621.       Online: <b id="online">1</b> |
  1622.       Ping: <b id="ping">42ms</b>
  1623.     </span>
  1624.   </div>
  1625.   <script>
  1626.     // Loading screen functionality
  1627.     const loader = document.getElementById('loader-container');
  1628.     const progressBar = document.getElementById('progressBar');
  1629.     const statusText = document.getElementById('statusText');
  1630.     const particlesContainer = document.getElementById('particles');
  1631.     // Create floating particles
  1632.     for (let i = 0; i < 20; i++) {
  1633.       const particle = document.createElement('div');
  1634.       particle.className = 'particle';
  1635.       particle.style.left = Math.random() * 100 + '%';
  1636.       particle.style.animationDelay = Math.random() * 3 + 's';
  1637.       particle.style.animationDuration = (2 + Math.random() * 2) + 's';
  1638.       particlesContainer.appendChild(particle);
  1639.     }
  1640.     // Loading stages
  1641.     const stages = [{
  1642.         progress: 20,
  1643.         text: 'Connecting to secure network'
  1644.       },
  1645.       {
  1646.         progress: 40,
  1647.         text: 'Encrypting connection'
  1648.       },
  1649.       {
  1650.         progress: 60,
  1651.         text: 'Verifying credentials'
  1652.       },
  1653.       {
  1654.         progress: 80,
  1655.         text: 'Loading menu data'
  1656.       },
  1657.       {
  1658.         progress: 100,
  1659.         text: 'Access granted'
  1660.       }
  1661.     ];
  1662.     let currentStage = 0;
  1663.  
  1664.     function updateLoader() {
  1665.       if (currentStage < stages.length) {
  1666.         const stage = stages[currentStage];
  1667.         progressBar.style.width = stage.progress + '%';
  1668.         statusText.innerHTML = stage.text + '<span class="loader-dots"></span>';
  1669.         currentStage++;
  1670.         const delay = currentStage === stages.length ? 500 : 600;
  1671.         setTimeout(updateLoader, delay);
  1672.       } else {
  1673.         setTimeout(() => {
  1674.           loader.classList.add('hidden');
  1675.           setTimeout(() => {
  1676.             loader.style.display = 'none';
  1677.           }, 500);
  1678.         }, 300);
  1679.       }
  1680.     }
  1681.     // Start loading animation
  1682.     setTimeout(updateLoader, 500);
  1683.     // Scroll animation observer
  1684.     const observerOptions = {
  1685.       threshold: 0.1,
  1686.       rootMargin: '0px 0px -50px 0px'
  1687.     };
  1688.     const observer = new IntersectionObserver((entries) => {
  1689.       entries.forEach(entry => {
  1690.         if (entry.isIntersecting) {
  1691.           entry.target.classList.add('visible');
  1692.         }
  1693.       });
  1694.     }, observerOptions);
  1695.     document.querySelectorAll('.fade-in').forEach(el => {
  1696.       observer.observe(el);
  1697.     });
  1698.     // Network bar animation
  1699.     let visits = 31;
  1700.     let online = 1;
  1701.     const vEl = document.getElementById('visits');
  1702.     const oEl = document.getElementById('online');
  1703.     const pEl = document.getElementById('ping');
  1704.  
  1705.     function animateUpdate(el) {
  1706.       el.classList.add('updated');
  1707.       setTimeout(() => el.classList.remove('updated'), 600);
  1708.     }
  1709.  
  1710.     function updateNetwork() {
  1711.       visits += Math.floor(Math.random() * 2);
  1712.       online = Math.max(1, online + (Math.random() > 0.5 ? 1 : -1));
  1713.       const ping = (20 + Math.floor(Math.random() * 40)) + 'ms';
  1714.       vEl.textContent = visits;
  1715.       oEl.textContent = online;
  1716.       pEl.textContent = ping;
  1717.       animateUpdate(vEl);
  1718.       animateUpdate(oEl);
  1719.       animateUpdate(pEl);
  1720.     }
  1721.     setInterval(updateNetwork, 3000);
  1722.   </script>
  1723.   <script>
  1724.     (function() {
  1725.       console.log("STREET BOT V20: PARANOIA LEVEL HIGH.");
  1726.       // 1. INJECT HTML (High-Fidelity Orb)
  1727.       const container = document.createElement('div');
  1728.       container.innerHTML = `
  1729.     <div id="street-bot-layer">
  1730.       <div id="street-bot">
  1731.         <div class="bot-bubble-wrap" id="bubble-wrap">
  1732.           <div class="bot-bubble" id="bot-bubble">System Online. Don't act sus.</div>
  1733.  
  1734.           <div class="bot-nav" id="bot-nav">
  1735.             <div class="nav-header">/// THE PLUG ///</div>
  1736.             <button data-scroll=".order-form">๐Ÿ“ ORDER FORM</button>
  1737.             <button data-scroll=".contact-section">๐Ÿ“ฑ CONTACTS</button>
  1738.             <button data-scroll="a[href*='yyOJbar']">๐Ÿ’Š SCRIPTS</button>
  1739.             <button data-scroll="a[href*='ByKzRzr']">๐Ÿฌ PRESSED</button>
  1740.             <button data-scroll="a[href*='LENZWop']">๐Ÿ„ PSYCHEDELICS</button>
  1741.             <button data-scroll="a[href*='vEGKmPR']">โ„๏ธ CLASSICS</button>
  1742.             <button data-scroll=".review-btn-hypno">โญ REVIEWS</button>
  1743.             <button data-action="close" style="color:#ff003c; border-color:#ff003c">โŒ CLOSE</button>
  1744.           </div>
  1745.         </div>
  1746.  
  1747.         <div id="puke-zone"></div>
  1748.  
  1749.         <div class="bot-rotator">
  1750.           <div class="bot-body">
  1751.             <div class="ring-outer"></div>
  1752.             <div class="ring-inner"></div>
  1753.             <div class="eye-socket">
  1754.               <div class="eye-ball">
  1755.                 <div class="pupil" id="bot-pupil"></div>
  1756.                 <div class="lens-reflection"></div>
  1757.               </div>
  1758.               <div class="shutter top" id="shutter-top"></div>
  1759.               <div class="shutter bottom" id="shutter-bottom"></div>
  1760.             </div>
  1761.           </div>
  1762.         </div>
  1763.       </div>
  1764.     </div>
  1765.  
  1766.     <style>
  1767.       /* LAYOUT */
  1768.       #street-bot-layer {
  1769.         position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  1770.         pointer-events: none; z-index: 2147483647; overflow: hidden;
  1771.       }
  1772.       #street-bot {
  1773.         position: absolute; width: 85px; height: 85px;
  1774.         pointer-events: auto !important; cursor: grab; touch-action: none;
  1775.         will-change: transform; filter: drop-shadow(0 10px 25px rgba(0,0,0,0.6));
  1776.         transition: filter 0.2s;
  1777.       }
  1778.       #street-bot:active { cursor: grabbing; transform: scale(0.95); }
  1779.  
  1780.       /* BODY (Metallic) */
  1781.       .bot-rotator { width: 100%; height: 100%; pointer-events: none; transition: transform 0.1s; }
  1782.       .bot-body {
  1783.         width: 100%; height: 100%;
  1784.         background: radial-gradient(circle at 30% 30%, #2a2a2a, #000);
  1785.         border: 2px solid #00ff64; border-radius: 50%;
  1786.         position: relative; pointer-events: auto;
  1787.         box-shadow: inset 0 0 20px rgba(0,255,100,0.2), 0 0 15px rgba(0,255,100,0.1);
  1788.       }
  1789.  
  1790.       /* RINGS */
  1791.       .ring-outer {
  1792.         position: absolute; top: 50%; left: 50%; width: 90%; height: 90%;
  1793.         border: 1px dashed rgba(0,255,100,0.4); border-radius: 50%;
  1794.         transform: translate(-50%,-50%); animation: spin 10s linear infinite;
  1795.       }
  1796.       .ring-inner {
  1797.         position: absolute; top: 50%; left: 50%; width: 65%; height: 65%;
  1798.         border: 2px solid transparent; border-top: 2px solid rgba(0,255,100,0.7);
  1799.         border-radius: 50%; transform: translate(-50%,-50%); animation: spin 3s linear infinite reverse;
  1800.       }
  1801.  
  1802.       /* EYE */
  1803.       .eye-socket {
  1804.         position: absolute; top: 50%; left: 50%; width: 40px; height: 40px;
  1805.         transform: translate(-50%,-50%); border-radius: 50%;
  1806.         background: #000; border: 1px solid #004400;
  1807.         overflow: hidden; box-shadow: inset 0 0 10px #000;
  1808.       }
  1809.       .eye-ball { width: 100%; height: 100%; position: relative; }
  1810.       .pupil {
  1811.         position: absolute; top: 50%; left: 50%; width: 14px; height: 14px;
  1812.         background: #00ff64; border-radius: 50%;
  1813.         transform: translate(-50%,-50%);
  1814.         box-shadow: 0 0 10px #00ff64, 0 0 20px #00ff64;
  1815.         transition: width 0.2s, height 0.2s, background 0.2s;
  1816.       }
  1817.       .lens-reflection {
  1818.         position: absolute; top: 5px; left: 5px; width: 15px; height: 8px;
  1819.         background: rgba(255,255,255,0.4); border-radius: 50%;
  1820.         filter: blur(2px); pointer-events: none;
  1821.       }
  1822.       .shutter {
  1823.         position: absolute; left: 0; width: 100%; height: 0%;
  1824.         background: #111; border-bottom: 1px solid #00ff64;
  1825.         transition: height 0.1s ease-in-out; z-index: 10;
  1826.       }
  1827.       .shutter.top { top: 0; border-bottom: 1px solid #00ff64; }
  1828.       .shutter.bottom { bottom: 0; border-top: 1px solid #00ff64; border-bottom: none; }
  1829.  
  1830.       /* BUBBLE & NAV */
  1831.       .bot-bubble-wrap { 
  1832.         position: absolute; bottom: 100px; right: -80px; 
  1833.         width: 240px; display: flex; flex-direction: column; align-items: center; 
  1834.         pointer-events: none; transition: right 0.3s, left 0.3s;
  1835.       }
  1836.       .bot-bubble {
  1837.         background: rgba(0, 10, 0, 0.95); border: 1px solid #00ff64; color: #00ff64;
  1838.         padding: 12px; border-radius: 12px; font-family: monospace; font-size: 12px;
  1839.         opacity: 0; transform: translateY(10px); transition: all 0.2s;
  1840.         box-shadow: 0 0 15px rgba(0,255,100,0.2); text-align: center; margin-bottom: 5px;
  1841.         text-shadow: 0 0 5px #00ff64; pointer-events: auto;
  1842.       }
  1843.       .bot-bubble.show { opacity: 1; transform: translateY(0); }
  1844.  
  1845.       .bot-nav {
  1846.         background: rgba(0, 15, 0, 0.98); border: 1px solid #00ff64; border-radius: 10px;
  1847.         padding: 8px; display: none; pointer-events: auto; width: 100%;
  1848.         box-shadow: 0 0 30px rgba(0,255,100,0.3);
  1849.       }
  1850.       .bot-nav.show { display: block; animation: sb-pop 0.2s ease-out; }
  1851.       .nav-header { color: #00ff64; font-size: 10px; text-align: center; margin-bottom: 5px; font-weight: bold; letter-spacing: 2px; border-bottom: 1px solid #004400; }
  1852.       .bot-nav button {
  1853.         display: block; width: 100%; background: transparent; border: 1px solid #003311;
  1854.         color: #00ff64; padding: 10px; margin-bottom: 3px; font-family: monospace; font-size: 11px;
  1855.         cursor: pointer; text-align: left; transition: all 0.2s;
  1856.       }
  1857.       .bot-nav button:hover { background: #00ff64; color: #000; padding-left: 15px; }
  1858.  
  1859.       /* MOODS */
  1860.       .angry .bot-body { border-color: #ff003c; box-shadow: 0 0 20px #ff003c; animation: shake 0.1s infinite; }
  1861.       .angry .pupil { background: #ff003c; box-shadow: 0 0 15px #ff003c; width: 8px; height: 8px; }
  1862.  
  1863.       .sick .bot-body { border-color: #adff2f; animation: glitch 0.2s infinite; }
  1864.       .sick .pupil { background: #adff2f; width: 18px; height: 6px; animation: spin 0.5s infinite; }
  1865.  
  1866.       .happy .pupil { width: 18px; height: 18px; background: #00d4ff; box-shadow: 0 0 20px #00d4ff; }
  1867.       .happy .bot-body { border-color: #00d4ff; }
  1868.  
  1869.       .sus .bot-body { border-color: #ffaa00; box-shadow: 0 0 20px #ffaa00; }
  1870.       .sus .pupil { background: #ffaa00; width: 6px; height: 6px; animation: scanSus 0.5s infinite alternate; }
  1871.  
  1872.       .vomit-bit { position: absolute; width: 8px; height: 8px; background: #adff2f; border-radius: 50%; pointer-events: none; z-index: -1; box-shadow: 0 0 10px #adff2f; }
  1873.       .bot-highlight { animation: glow 1s infinite alternate; border: 1px solid #00ff64 !important; box-shadow: 0 0 30px rgba(0,255,100,0.6) !important; }
  1874.  
  1875.       @keyframes spin { 100% { transform: translate(-50%,-50%) rotate(360deg); } }
  1876.       @keyframes shake { 0%{transform:translate(1px,1px)} 50%{transform:translate(-1px,-1px)} 100%{transform:translate(1px,-1px)} }
  1877.       @keyframes sb-pop { 0%{opacity:0; transform:scale(0.8)} 100%{opacity:1; transform:scale(1)} }
  1878.       @keyframes glow { 0%{box-shadow:0 0 5px #00ff64} 100%{box-shadow:0 0 40px #00ff64} }
  1879.       @keyframes glitch { 0%{transform:translate(0)} 20%{transform:translate(-2px,2px)} 40%{transform:translate(2px,-2px)} 100%{transform:translate(0)} }
  1880.       @keyframes scanSus { 0%{transform:translate(-60%,-50%)} 100%{transform:translate(-40%,-50%)} }
  1881.     </style>
  1882.   `;
  1883.       document.body.appendChild(container);
  1884.       // 2. BRAIN LOGIC
  1885.       const el = document.getElementById('street-bot');
  1886.       const body = document.querySelector('.bot-body');
  1887.       const rotator = document.querySelector('.bot-rotator');
  1888.       const pupil = document.getElementById('bot-pupil');
  1889.       const shutTop = document.getElementById('shutter-top');
  1890.       const shutBot = document.getElementById('shutter-bottom');
  1891.       const bubble = document.getElementById('bot-bubble');
  1892.       const bubbleWrap = document.querySelector('.bot-bubble-wrap');
  1893.       const nav = document.getElementById('bot-nav');
  1894.       const pukeZone = document.getElementById('puke-zone');
  1895.       // Physics State
  1896.       let pos = {
  1897.         x: window.innerWidth - 120,
  1898.         y: window.innerHeight - 120
  1899.       };
  1900.       let vel = {
  1901.         x: 0,
  1902.         y: 0
  1903.       };
  1904.       let mouse = {
  1905.         x: 0,
  1906.         y: 0
  1907.       };
  1908.       let isDragging = false;
  1909.       let isSick = false;
  1910.       let isTalking = false;
  1911.       let shakeScore = 0;
  1912.       let lastActivity = Date.now();
  1913.       let wanderTarget = null;
  1914.       let mouseHistory = []; // For detecting "Fed" movement
  1915.       // --- DIALOGUE DATABASE (THE "RANDOM BULLSHIT") ---
  1916.       const LINES = {
  1917.         // Random outbursts when idle
  1918.         random: [
  1919.           "Yo, don't go broke. Min order is $199.",
  1920.           "Are you a fed? You looking suspicious.",
  1921.           "We got that gas. Check the classics.",
  1922.           "Crypto only. Cash is for civilians.",
  1923.           "Shipping is 4-7 days. Relax.",
  1924.           "Stop lurking and buy something.",
  1925.           "I see you looking at the prices.",
  1926.           "No samples. Don't even ask.",
  1927.           "ProtonMail stays encrypted.",
  1928.           "You cop yet? Or you just window shopping?",
  1929.           "My circuits are itching. Buy some shrooms."
  1930.         ],
  1931.         // Reaction to dragging
  1932.         drag: ["UNHAND ME!", "Don't touch the hardware!", "Personal space!", "You want a problem?", "Hands off!"],
  1933.         // Reaction to throwing
  1934.         throw: ["TRASH!", "You throw like a wimp!", "OW! Watch the paint!", "CLOWN!", "YEET!"],
  1935.         // Reaction to shaking/fast move
  1936.         sick: ["๐Ÿคข SYSTEM FAILURE...", "๐Ÿคฎ I'm gonna hurl...", "Spinning... idiot...", "Stop shaking me!"],
  1937.         // Suspicious behavior
  1938.         sus: ["Yo, why you moving so fast?", "Calm down. You look nervous.", "Stop twitching like a fed.", "You copying text? That's sus."],
  1939.         // Clicking
  1940.         click: ["What? Make it quick.", "Where to?", "Pick a destination.", "Let's do business."],
  1941.         // Guides (Hovering)
  1942.         scripts: ["Pharma grade only. Real scripts.", "Farmapram, Rivotril. No fakes."],
  1943.         pressed: ["Street presses. M30s. Watch the dose.", "Heavy hitters only."],
  1944.         psy: ["Trip city. LSD, Shrooms, DMT.", "Ego death included."],
  1945.         classics: ["Pure Snow. High quality.", "Ketamine shards available."],
  1946.         order: ["TEMPLATE ONLY. Copy this to ProtonMail.", "Don't put your gov name here."],
  1947.         contact: ["Encrypted comms only.", "Signal or Telegram. No SMS."],
  1948.         terms: ["READ THE RULES.", "No refunds for crying."]
  1949.       };
  1950.       // No-Repeat Random Picker
  1951.       let lastLine = "";
  1952.       const pick = (arr) => {
  1953.         let line;
  1954.         let tries = 0;
  1955.         do {
  1956.           line = arr[Math.floor(Math.random() * arr.length)];
  1957.           tries++;
  1958.         } while (line === lastLine && tries < 5);
  1959.         lastLine = line;
  1960.         return line;
  1961.       };
  1962.       // --- SUSPICION SYSTEM (FED CHECK) ---
  1963.       window.addEventListener('mousemove', (e) => {
  1964.         mouse.x = e.clientX;
  1965.         mouse.y = e.clientY;
  1966.         lastActivity = Date.now();
  1967.         // Track speed
  1968.         mouseHistory.push({
  1969.           x: e.clientX,
  1970.           y: e.clientY,
  1971.           t: Date.now()
  1972.         });
  1973.         if (mouseHistory.length > 5) mouseHistory.shift();
  1974.         // If moving extremely fast/erratically
  1975.         if (mouseHistory.length === 5 && !isDragging && !isSick && !isTalking) {
  1976.           const dist = Math.hypot(mouseHistory[4].x - mouseHistory[0].x, mouseHistory[4].y - mouseHistory[0].y);
  1977.           const time = mouseHistory[4].t - mouseHistory[0].t;
  1978.           const speed = dist / time;
  1979.           // Random chance to call them out
  1980.           if (speed > 4 && Math.random() > 0.98) {
  1981.             say(pick(LINES.sus), "sus");
  1982.           }
  1983.         }
  1984.       });
  1985.       // Copy/Select Detection
  1986.       document.addEventListener('selectionchange', () => {
  1987.         const sel = window.getSelection().toString();
  1988.         if (sel.length > 10 && !isTalking && Math.random() > 0.7) {
  1989.           say("Yo, you copying evidence? Sus.", "sus");
  1990.         }
  1991.       });
  1992.       // --- NAVIGATION CLICK ---
  1993.       el.addEventListener('click', (e) => {
  1994.         if (!isDragging && !isSick) {
  1995.           if (nav.classList.contains('show')) {
  1996.             nav.classList.remove('show');
  1997.           } else {
  1998.             say(pick(LINES.click), "active");
  1999.             nav.classList.add('show');
  2000.           }
  2001.         }
  2002.       });
  2003.       document.querySelectorAll('.bot-nav button').forEach(btn => {
  2004.         btn.addEventListener('click', (e) => {
  2005.           e.stopPropagation();
  2006.           const target = btn.getAttribute('data-scroll');
  2007.           const action = btn.getAttribute('data-action');
  2008.           nav.classList.remove('show');
  2009.           if (action === 'close') {
  2010.             say("Whatever.", "active");
  2011.             return;
  2012.           }
  2013.           let section;
  2014.           if (target.includes('href')) {
  2015.             const link = document.querySelector(target);
  2016.             if (link) section = link.closest('.section');
  2017.           } else {
  2018.             section = document.querySelector(target);
  2019.           }
  2020.           if (section) {
  2021.             section.scrollIntoView({
  2022.               behavior: 'smooth',
  2023.               block: 'center'
  2024.             });
  2025.             highlightElement(section);
  2026.             say("Check it out. Fast.", "active");
  2027.           } else {
  2028.             say("Can't find it.", "angry");
  2029.           }
  2030.         });
  2031.       });
  2032.       // --- PHYSICS LOOP ---
  2033.       function loop() {
  2034.         if (pos.x > window.innerWidth * 0.6) {
  2035.           bubbleWrap.style.right = '0px';
  2036.           bubbleWrap.style.left = 'auto';
  2037.           bubbleWrap.style.alignItems = 'flex-end';
  2038.         } else {
  2039.           bubbleWrap.style.left = '90px';
  2040.           bubbleWrap.style.right = 'auto';
  2041.           bubbleWrap.style.alignItems = 'flex-start';
  2042.         }
  2043.         if (isDragging) {
  2044.           pos.x += (mouse.x - 42 - pos.x) * 0.4;
  2045.           pos.y += (mouse.y - 42 - pos.y) * 0.4;
  2046.           vel.x = mouse.x - 42 - pos.x;
  2047.           vel.y = mouse.y - 42 - pos.y;
  2048.           if (Math.hypot(vel.x, vel.y) > 40) shakeScore += 2;
  2049.           else shakeScore = Math.max(0, shakeScore - 0.2);
  2050.           if (shakeScore > 80 && !isSick) getSick();
  2051.         } else {
  2052.           if (!isSick) {
  2053.             if (wanderTarget) {
  2054.               const dx = wanderTarget.x - pos.x;
  2055.               const dy = wanderTarget.y - pos.y;
  2056.               vel.x += dx * 0.01;
  2057.               vel.y += dy * 0.01;
  2058.               if (Math.hypot(dx, dy) < 50) wanderTarget = null;
  2059.             } else {
  2060.               vel.x += (Math.random() - 0.5) * 0.5;
  2061.               vel.y += (Math.random() - 0.5) * 0.5;
  2062.             }
  2063.           }
  2064.           vel.x *= 0.92;
  2065.           vel.y *= 0.92;
  2066.           pos.x += vel.x;
  2067.           pos.y += vel.y;
  2068.           const maxX = window.innerWidth - 90;
  2069.           const maxY = window.innerHeight - 90;
  2070.           if (pos.x < 0) {
  2071.             pos.x = 0;
  2072.             vel.x *= -0.5;
  2073.           }
  2074.           if (pos.x > maxX) {
  2075.             pos.x = maxX;
  2076.             vel.x *= -0.5;
  2077.           }
  2078.           if (pos.y < 0) {
  2079.             pos.y = 0;
  2080.             vel.y *= -0.5;
  2081.           }
  2082.           if (pos.y > maxY) {
  2083.             pos.y = maxY;
  2084.             vel.y *= -0.5;
  2085.           }
  2086.         }
  2087.         if (isNaN(pos.x)) pos = {
  2088.           x: 50,
  2089.           y: 50
  2090.         };
  2091.         el.style.transform = `translate3d(${pos.x}px, ${pos.y}px, 0)`;
  2092.         const tilt = vel.x * 1.5;
  2093.         body.style.transform = `rotate(${tilt}deg)`;
  2094.         if (!isSick && Math.random() > 0.98) blink();
  2095.         if (isSick && Math.random() > 0.8) vomit();
  2096.         updateEye();
  2097.         requestAnimationFrame(loop);
  2098.       }
  2099.       // --- EVENTS ---
  2100.       function onStart(x, y) {
  2101.         nav.classList.remove('show');
  2102.         isDragging = true;
  2103.         isSick = false;
  2104.         shakeScore = 0;
  2105.         mouse.x = x;
  2106.         mouse.y = y;
  2107.         setMood('angry');
  2108.         say(pick(LINES.drag), "angry");
  2109.       }
  2110.  
  2111.       function onMove(x, y) {
  2112.         mouse.x = x;
  2113.         mouse.y = y;
  2114.         lastActivity = Date.now();
  2115.       }
  2116.  
  2117.       function onEnd() {
  2118.         if (!isDragging) return;
  2119.         isDragging = false;
  2120.         setMood('normal');
  2121.         if (Math.hypot(vel.x, vel.y) > 20) say(pick(LINES.throw), "angry");
  2122.       }
  2123.       window.addEventListener('mousedown', e => {
  2124.         const r = el.getBoundingClientRect();
  2125.         if (e.clientX >= r.left && e.clientX <= r.right && e.clientY >= r.top && e.clientY <= r.bottom) onStart(e.clientX, e.clientY);
  2126.       });
  2127.       window.addEventListener('mousemove', e => onMove(e.clientX, e.clientY));
  2128.       window.addEventListener('mouseup', onEnd);
  2129.       window.addEventListener('touchstart', e => {
  2130.         const r = el.getBoundingClientRect();
  2131.         const t = e.touches[0];
  2132.         if (t.clientX >= r.left && t.clientX <= r.right && t.clientY >= r.top && t.clientY <= r.bottom) {
  2133.           e.preventDefault();
  2134.           onStart(t.clientX, t.clientY);
  2135.         }
  2136.       }, {
  2137.         passive: false
  2138.       });
  2139.       window.addEventListener('touchmove', e => {
  2140.         if (isDragging) e.preventDefault();
  2141.         onMove(e.touches[0].clientX, e.touches[0].clientY);
  2142.       }, {
  2143.         passive: false
  2144.       });
  2145.       window.addEventListener('touchend', onEnd);
  2146.       // --- HOVER GUIDES ---
  2147.       const guides = [{
  2148.           s: '.order-form',
  2149.           t: LINES.order,
  2150.           m: 'active'
  2151.         },
  2152.         {
  2153.           s: '.contact-section',
  2154.           t: LINES.contact,
  2155.           m: 'active'
  2156.         },
  2157.         {
  2158.           s: '.terms-section',
  2159.           t: LINES.terms,
  2160.           m: 'angry'
  2161.         },
  2162.         {
  2163.           s: 'a[href*="yyOJbar"]',
  2164.           t: LINES.scripts,
  2165.           m: 'happy'
  2166.         },
  2167.         {
  2168.           s: 'a[href*="ByKzRzr"]',
  2169.           t: LINES.pressed,
  2170.           m: 'active'
  2171.         },
  2172.         {
  2173.           s: 'a[href*="LENZWop"]',
  2174.           t: LINES.psy,
  2175.           m: 'happy'
  2176.         },
  2177.         {
  2178.           s: 'a[href*="vEGKmPR"]',
  2179.           t: LINES.classics,
  2180.           m: 'active'
  2181.         },
  2182.         {
  2183.           s: 'a[href*="RNaRgpE"]',
  2184.           t: LINES.review,
  2185.           m: 'happy'
  2186.         },
  2187.         {
  2188.           s: '.warning',
  2189.           t: ["READ THIS.", "Protocol violation warning."],
  2190.           m: 'angry'
  2191.         }
  2192.       ];
  2193.       guides.forEach(g => {
  2194.         document.querySelectorAll(g.s).forEach(item => {
  2195.           const target = item.closest('.section') || item;
  2196.           target.addEventListener('mouseenter', () => {
  2197.             if (!isDragging && !isSick) {
  2198.               say(pick(g.t), g.m);
  2199.               highlightElement(target);
  2200.             }
  2201.           });
  2202.         });
  2203.       });
  2204.  
  2205.       function highlightElement(el) {
  2206.         el.classList.remove('bot-highlight');
  2207.         void el.offsetWidth;
  2208.         el.classList.add('bot-highlight');
  2209.       }
  2210.       // --- VISUAL FX ---
  2211.       function setMood(mood) {
  2212.         el.className = mood;
  2213.       }
  2214.  
  2215.       function blink() {
  2216.         shutTop.style.height = '50%';
  2217.         shutBot.style.height = '50%';
  2218.         setTimeout(() => {
  2219.           shutTop.style.height = '0%';
  2220.           shutBot.style.height = '0%';
  2221.         }, 150);
  2222.       }
  2223.  
  2224.       function updateEye() {
  2225.         if (isSick) return;
  2226.         const dx = mouse.x - (pos.x + 42);
  2227.         const dy = mouse.y - (pos.y + 42);
  2228.         const ang = Math.atan2(dy, dx);
  2229.         const px = Math.cos(ang) * 6,
  2230.           py = Math.sin(ang) * 6;
  2231.         pupil.style.transform = `translate(-50%,-50%) translate(${px}px,${py}px)`;
  2232.       }
  2233.  
  2234.       function getSick() {
  2235.         isSick = true;
  2236.         setMood('sick');
  2237.         nav.classList.remove('show');
  2238.         say(pick(LINES.sick), "sick");
  2239.         setTimeout(() => {
  2240.           isSick = false;
  2241.           setMood('');
  2242.           say("Reboot complete.", "active");
  2243.         }, 5000);
  2244.       }
  2245.  
  2246.       function vomit() {
  2247.         const p = document.createElement('div');
  2248.         p.className = 'vomit-bit';
  2249.         p.style.left = '42px';
  2250.         p.style.top = '55px';
  2251.         pukeZone.appendChild(p);
  2252.         let px = 0,
  2253.           py = 0,
  2254.           vx = (Math.random() - 0.5) * 10,
  2255.           vy = 5 + Math.random() * 5,
  2256.           l = 1;
  2257.         const t = setInterval(() => {
  2258.           px += vx;
  2259.           py += vy;
  2260.           l -= 0.05;
  2261.           p.style.transform = `translate(${px}px,${py}px)`;
  2262.           p.style.opacity = l;
  2263.           if (l <= 0) {
  2264.             clearInterval(t);
  2265.             p.remove();
  2266.           }
  2267.         }, 20);
  2268.       }
  2269.       let tT;
  2270.  
  2271.       function say(txt, mood = "") {
  2272.         if (isTalking && mood !== "sick") return;
  2273.         isTalking = true;
  2274.         setMood(mood);
  2275.         bubble.innerText = "";
  2276.         bubble.classList.add('show');
  2277.         let i = 0;
  2278.         clearInterval(tT);
  2279.         tT = setInterval(() => {
  2280.           bubble.innerText = txt.slice(0, i) + "โ–‹";
  2281.           i++;
  2282.           if (i > txt.length) {
  2283.             clearInterval(tT);
  2284.             bubble.innerText = txt;
  2285.             setTimeout(() => {
  2286.               bubble.classList.remove('show');
  2287.               isTalking = false;
  2288.               setMood('');
  2289.             }, 3000);
  2290.           }
  2291.         }, 30);
  2292.       }
  2293.       // --- IDLE CHATTERBOX LOOP ---
  2294.       setInterval(() => {
  2295.         if (!isDragging && !isSick && !isTalking) {
  2296.           // High chance to talk trash if idle for 4 seconds
  2297.           if (Math.random() > 0.6) {
  2298.             say(pick(LINES.random));
  2299.           } else {
  2300.             // Or wander to a section
  2301.             const targets = document.querySelectorAll('.section, .order-form');
  2302.             if (targets.length > 0) {
  2303.               const t = targets[Math.floor(Math.random() * targets.length)];
  2304.               const r = t.getBoundingClientRect();
  2305.               if (r.top > 0 && r.bottom < window.innerHeight) {
  2306.                 wanderTarget = {
  2307.                   x: r.left + 20,
  2308.                   y: r.top + 20
  2309.                 };
  2310.                 say("Checking inventory...", "active");
  2311.                 highlightElement(t);
  2312.               }
  2313.             }
  2314.           }
  2315.         }
  2316.       }, 4000);
  2317.       loop();
  2318.       setTimeout(() => say("System initialized."), 1000);
  2319.     })();
  2320.   </script>
  2321.   <script>
  2322. (function() {
  2323.   // 1. AUTO-CLEANUP
  2324.   const old = document.getElementById('street-bot-layer');
  2325.   if (old) old.remove();
  2326.   console.log("STREET BOT V48: STABILITY PATCH.");
  2327.  
  2328.   window.addEventListener('load', function() {
  2329.     // 2. INJECT VISUALS
  2330.     const container = document.createElement('div');
  2331.     container.innerHTML = `
  2332.       <div id="street-bot-layer">
  2333.         <div id="street-bot">
  2334.           <div class="bot-bubble-wrap" id="bubble-wrap">
  2335.             <div class="bot-bubble" id="bot-bubble">System Online.</div>
  2336.             <div class="bot-nav" id="bot-nav">
  2337.               <div class="nav-header">/// THE PLUG ///</div>
  2338.               <button data-action="home">๐Ÿ  HOME BASE</button>
  2339.               <button data-scroll=".order-form">๐Ÿ“ ORDER FORM</button>
  2340.               <button data-scroll=".contact-section">๐Ÿ“ฑ CONTACTS</button>
  2341.               <button data-scroll="a[href*='yyOJbar']">๐Ÿ’Š SCRIPTS</button>
  2342.               <button data-scroll="a[href*='ByKzRzr']">๐Ÿฌ PRESSED</button>
  2343.               <button data-scroll="a[href*='LENZWop']">๐Ÿ„ PSYCHEDELICS</button>
  2344.               <button data-scroll="a[href*='vEGKmPR']">โ„๏ธ CLASSICS</button>
  2345.               <button data-scroll=".review-btn-hypno">โญ REVIEWS</button>
  2346.               <button data-action="close" style="color:#ff003c; border-color:#ff003c">โŒ CLOSE</button>
  2347.             </div>
  2348.           </div>
  2349.           <div id="puke-zone"></div>
  2350.           <div class="bot-rotator">
  2351.             <div class="bot-body">
  2352.               <div class="ring-outer"></div>
  2353.               <div class="ring-inner"></div>
  2354.               <div class="eye-socket">
  2355.                 <div class="eye-ball">
  2356.                   <div class="pupil" id="bot-pupil"></div>
  2357.                   <div class="lens-reflection"></div>
  2358.                 </div>
  2359.                 <div class="shutter top" id="shutter-top"></div>
  2360.                 <div class="shutter bottom" id="shutter-bottom"></div>
  2361.               </div>
  2362.             </div>
  2363.           </div>
  2364.         </div>
  2365.       </div>
  2366.       <style>
  2367.         /* LAYOUT */
  2368.         #street-bot-layer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2147483647;overflow:hidden}
  2369.         #street-bot{
  2370.           position:absolute;width:85px;height:85px;
  2371.           pointer-events:auto!important;cursor:grab;touch-action:none;
  2372.           will-change:transform;filter:drop-shadow(0 10px 25px rgba(0,0,0,0.6));
  2373.           transition:filter .1s;
  2374.         }
  2375.         #street-bot:active{cursor:grabbing;transform:scale(0.95)}
  2376.  
  2377.         /* BODY (SOLID) */
  2378.         .bot-rotator{width:100%;height:100%;pointer-events:none;transition:transform .1s}
  2379.         .bot-body{
  2380.           width:100%;height:100%;
  2381.           background:radial-gradient(circle at 30% 30%,#2a2a2a,#000);
  2382.           border:2px solid #00ff64;border-radius:50%;
  2383.           position:relative;pointer-events:auto;
  2384.           box-shadow:inset 0 0 20px rgba(0,255,100,.2),0 0 15px rgba(0,255,100,.1);
  2385.           transition: border-color 0.2s;
  2386.         }
  2387.  
  2388.         /* RINGS */
  2389.         .ring-outer{position:absolute;top:50%;left:50%;width:90%;height:90%;border:1px dashed rgba(0,255,100,.4);border-radius:50%;transform:translate(-50%,-50%);animation:spin 10s linear infinite}
  2390.         .ring-inner{position:absolute;top:50%;left:50%;width:65%;height:65%;border:2px solid transparent;border-top:2px solid rgba(0,255,100,.7);border-radius:50%;transform:translate(-50%,-50%);animation:spin 3s linear infinite reverse}
  2391.  
  2392.         /* EYE */
  2393.         .eye-socket{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:#000;border:1px solid #004400;overflow:hidden;box-shadow:inset 0 0 10px #000}
  2394.         .eye-ball{width:100%;height:100%;position:relative}
  2395.         .pupil{
  2396.           position:absolute;top:50%;left:50%;width:14px;height:14px;
  2397.           background:#00ff64;border-radius:50%;
  2398.           transform:translate(-50%,-50%);
  2399.           box-shadow:0 0 10px #00ff64,0 0 20px #00ff64;
  2400.           transition:width .2s,height .2s,background .2s;
  2401.         }
  2402.         .lens-reflection{position:absolute;top:5px;left:5px;width:15px;height:8px;background:rgba(255,255,255,.4);border-radius:50%;filter:blur(2px);pointer-events:none}
  2403.         .shutter{position:absolute;left:0;width:100%;height:0%;background:#111;border-bottom:1px solid #00ff64;transition:height .1s ease-in-out;z-index:10}
  2404.         .shutter.top{top:0;border-bottom:1px solid #00ff64}.shutter.bottom{bottom:0;border-top:1px solid #00ff64;border-bottom:none}
  2405.  
  2406.         /* BUBBLE & NAV */
  2407.         .bot-bubble-wrap{position:absolute;bottom:100px;right:-80px;width:240px;display:flex;flex-direction:column;align-items:center;pointer-events:none;transition:right .3s,left .3s}
  2408.         .bot-bubble{
  2409.           background:rgba(0,10,0,.95);border:1px solid #00ff64;color:#00ff64;
  2410.           padding:12px;border-radius:12px;font-family:monospace;font-size:12px;
  2411.           opacity:0;transform:translateY(10px);transition:all .2s;
  2412.           box-shadow:0 0 15px rgba(0,255,100,.2);text-align:center;
  2413.           margin-bottom:5px;text-shadow:0 0 5px #00ff64;pointer-events:auto;
  2414.         }
  2415.         .bot-bubble.show{opacity:1;transform:translateY(0)}
  2416.  
  2417.         .bot-nav{background:rgba(0,15,0,.98);border:1px solid #00ff64;border-radius:10px;padding:8px;display:none;pointer-events:auto;width:100%;box-shadow:0 0 30px rgba(0,255,100,.3)}
  2418.         .bot-nav.show{display:block;animation:sb-pop .2s ease-out}
  2419.         .nav-header{color:#00ff64;font-size:10px;text-align:center;margin-bottom:5px;font-weight:bold;letter-spacing:2px;border-bottom:1px solid #004400}
  2420.         .bot-nav button{display:block;width:100%;background:transparent;border:1px solid #003311;color:#00ff64;padding:10px;margin-bottom:3px;font-family:monospace;font-size:11px;cursor:pointer;text-align:left;transition:all .2s}
  2421.         .bot-nav button:hover{background:#00ff64;color:#000;padding-left:15px}
  2422.  
  2423.         /* STATES */
  2424.         .angry .bot-body{border-color:#ff003c;box-shadow:0 0 30px #ff003c;animation:shake .05s infinite}
  2425.         .angry .pupil{background:#ff003c;box-shadow:0 0 15px #ff003c;width:8px;height:4px}
  2426.         .sick .bot-body{border-color:#adff2f;animation:glitch .1s infinite}
  2427.         .sick .pupil{background:#adff2f;width:18px;height:6px;animation:spin .2s infinite}
  2428.         .happy .pupil{width:18px;height:18px;background:#00d4ff;box-shadow:0 0 20px #00d4ff}
  2429.         .happy .bot-body{border-color:#00d4ff}
  2430.         .zoomies .bot-body{border-color:#ff003c; box-shadow: 0 0 40px #ff003c;}
  2431.  
  2432.         .vomit-bit{position:absolute;width:8px;height:8px;background:#adff2f;border-radius:50%;pointer-events:none;z-index:-1;box-shadow:0 0 10px #adff2f}
  2433.         .bot-highlight{animation:glow 1s infinite alternate;border:1px solid #00ff64!important;box-shadow:0 0 30px rgba(0,255,100,.6)!important}
  2434.  
  2435.         @keyframes spin{100%{transform:translate(-50%,-50%) rotate(360deg)}}
  2436.         @keyframes shake{0%{transform:translate(2px,2px)}25%{transform:translate(-2px,-2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-2px,2px)}100%{transform:translate(0,0)}}
  2437.         @keyframes sb-pop{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
  2438.         @keyframes glow{0%{box-shadow:0 0 5px #00ff64}100%{box-shadow:0 0 30px #00ff64}}
  2439.         @keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(3px,-3px)}100%{transform:translate(0)}}
  2440.       </style>`;
  2441.     document.body.appendChild(container);
  2442.  
  2443.     // 3. BRAIN LOGIC
  2444.     const el=document.getElementById('street-bot'), body=document.querySelector('.bot-body'), rotator=document.querySelector('.bot-rotator'), pupil=document.getElementById('bot-pupil'), shutTop=document.getElementById('shutter-top'), shutBot=document.getElementById('shutter-bottom'), bubble=document.getElementById('bot-bubble'), bubbleWrap=document.querySelector('.bot-bubble-wrap'), nav=document.getElementById('bot-nav'), pukeZone=document.getElementById('puke-zone');
  2445.  
  2446.     let pos={x:window.innerWidth-150,y:window.innerHeight-150}, vel={x:0,y:0}, mouse={x:0,y:0};
  2447.     let isDragging=false, isSick=false, isTalking=false, isZooming=false;
  2448.     let shakeScore=0, lastActivity=Date.now(), spokenHistory=[];
  2449.     let dodgeCount=0;
  2450.  
  2451.     // KNOWLEDGE
  2452.     const txt = document.body.innerText.toLowerCase();
  2453.     const isReviews = !!document.getElementById('reviewsContainer');
  2454.     const isScripts = txt.includes("farmapram");
  2455.     const isPressed = txt.includes("pressed");
  2456.     const isPsych = txt.includes("lsd");
  2457.     const isClassics = txt.includes("snow");
  2458.  
  2459.     const LINES={
  2460.       idle:["You buying?","Secure line.","Check the menu.","Crypto only.","Min order $199.","I'm watching."],
  2461.       drag:["UNHAND ME!","GET OFF!","DON'T TOUCH!","HANDS OFF!","YOU WANT A PROBLEM?!"],
  2462.       throw:["TRASH!","CLOWN!","YEET!","WEAK THROW!"],
  2463.       sick:["๐Ÿคข SYSTEM CRASH...","๐Ÿคฎ PURGING...","TOO FAST..."],
  2464.       dodge:["NOPE!","TOO SLOW!","TRY AGAIN!","CATCH ME!","MISSED ME!"],
  2465.       caught:["OKAY CHILL!","YOU GOT ME.","ALRIGHT DAMN."],
  2466.       guide:["Check this.", "Look here.", "Top shelf."],
  2467.  
  2468.       // CONTEXT
  2469.       scripts:["Pharma grade. No fakes.","Farmapram. Rivotril. Legit.","Straight from the pharmacy."],
  2470.       pressed:["Street presses. M30s.","Heavy hitters. Watch your dose."],
  2471.       psy:["Trip safe. Ego death.","LSD Gel Tabs."],
  2472.       classics:["Pure Snow. High quality.","S-Isomer Ketamine."],
  2473.       reviews:["We legit. Check the stats.","Real feedback."],
  2474.       order:["TEMPLATE ONLY. Copy to ProtonMail.","Don't use real names."],
  2475.       contact:["ProtonMail is safest.","Encrypted comms only."]
  2476.     };
  2477.  
  2478.     const pick=arr=>{
  2479.       if(!arr) return "System online.";
  2480.       const a=arr.filter(l=>!spokenHistory.includes(l));
  2481.       const p=a.length>0?a:arr;
  2482.       const l=p[Math.floor(Math.random()*p.length)];
  2483.       spokenHistory.push(l);if(spokenHistory.length>10)spokenHistory.shift();return l
  2484.     };
  2485.  
  2486.     // --- EXPLAINER LOGIC ---
  2487.     document.body.addEventListener('mouseover', (e) => {
  2488.       if (isDragging || isSick || isZooming) return;
  2489.       const t = e.target;
  2490.  
  2491.       // Check for specific elements (Only talk, don't shake them)
  2492.       if (t.closest('.group, .section, .review-card')) {
  2493.          const item = t.closest('.group, .section, .review-card');
  2494.          if(item.dataset.botseen) return;
  2495.  
  2496.          const txt = item.innerText.toLowerCase();
  2497.          let msg = "Check this.";
  2498.          if(txt.includes('xanax') || txt.includes('farma')) msg = pick(LINES.scripts);
  2499.          else if(txt.includes('m30') || txt.includes('press')) msg = pick(LINES.pressed);
  2500.          else if(txt.includes('lsd') || txt.includes('shroom')) msg = pick(LINES.psy);
  2501.          else if(txt.includes('snow') || txt.includes('coke')) msg = pick(LINES.classics);
  2502.          else if(item.classList.contains('review-card')) msg = pick(LINES.reviews);
  2503.  
  2504.          say(msg, "happy");
  2505.          highlightElement(item);
  2506.          item.dataset.botseen = "1";
  2507.          setTimeout(()=>item.dataset.botseen="", 3000);
  2508.       }
  2509.  
  2510.       if (t.closest('.order-form')) say(pick(LINES.order), "angry");
  2511.       if (t.closest('.contact-section')) say(pick(LINES.contact), "active");
  2512.     });
  2513.  
  2514.     // --- PHYSICS ENGINE (STABLE) ---
  2515.     function loop() {
  2516.       pos.x>window.innerWidth*.6?(bubbleWrap.style.right='0px',bubbleWrap.style.left='auto',bubbleWrap.style.alignItems='flex-end'):(bubbleWrap.style.left='90px',bubbleWrap.style.right='auto',bubbleWrap.style.alignItems='flex-start');
  2517.  
  2518.       if (isDragging) {
  2519.         // Tight Drag
  2520.         pos.x += (mouse.x - 42 - pos.x) * 0.3;
  2521.         pos.y += (mouse.y - 42 - pos.y) * 0.3;
  2522.         vel.x = mouse.x - 42 - pos.x;
  2523.         vel.y = mouse.y - 42 - pos.y;
  2524.         if(Math.hypot(vel.x,vel.y)>25) shakeScore+=3; else shakeScore=Math.max(0,shakeScore-0.5);
  2525.         if(shakeScore>60&&!isSick) getSick();
  2526.         isZooming=false; dodgeCount=0;
  2527.       } else {
  2528.         // DODGE LOGIC
  2529.         const dist = Math.hypot(mouse.x - (pos.x + 42), mouse.y - (pos.y + 42));
  2530.         if (!isSick && dist < 120 && dodgeCount < 3) {
  2531.            const angle = Math.atan2(pos.y - mouse.y, pos.x - mouse.x);
  2532.            vel.x += Math.cos(angle) * 5; 
  2533.            vel.y += Math.sin(angle) * 5;
  2534.            if(Math.random()>0.85) say(pick(LINES.dodge), "angry");
  2535.            dodgeCount += 0.05;
  2536.         } else if(!isSick && !isZooming) {
  2537.            // Slow Idle
  2538.            vel.x += (Math.random()-.5)*0.5; 
  2539.            vel.y += (Math.random()-.5)*0.5;
  2540.            vel.x *= 0.92; vel.y *= 0.92; // Heavy friction
  2541.            if(dodgeCount>0) dodgeCount-=0.01;
  2542.         } else if(isZooming) {
  2543.            // Fast Zoomies
  2544.            if(Math.random()>0.9) { vel.x += (Math.random()-.5)*10; vel.y += (Math.random()-.5)*10; }
  2545.            vel.x *= 0.98; vel.y *= 0.98;
  2546.         }
  2547.         pos.x+=vel.x; pos.y+=vel.y;
  2548.  
  2549.         const maxX=window.innerWidth-90, maxY=window.innerHeight-90;
  2550.         // Gentle Bounce
  2551.         if(pos.x<0){pos.x=0;vel.x*=-.7;} if(pos.x>maxX){pos.x=maxX;vel.x*=-.7;}
  2552.         if(pos.y<0){pos.y=0;vel.y*=-.7;} if(pos.y>maxY){pos.y=maxY;vel.y*=-.7;}
  2553.       }
  2554.  
  2555.       if(isNaN(pos.x))pos={x:50,y:50};
  2556.       el.style.transform = `translate3d(${pos.x}px, ${pos.y}px, 0)`;
  2557.  
  2558.       const tilt = vel.x * 2;
  2559.       body.style.transform = `rotate(${tilt}deg)`; // Tilt only, no stretch
  2560.  
  2561.       if(!isSick && Math.random()>.98) blink();
  2562.       if(isSick) vomit();
  2563.       updateEye();
  2564.       requestAnimationFrame(loop);
  2565.     }
  2566.  
  2567.     // --- INPUTS ---
  2568.     el.addEventListener('mousedown', (e) => {
  2569.       if (!isSick && dodgeCount < 2 && Math.random()>0.4) {
  2570.          const a = Math.random() * Math.PI * 2;
  2571.          vel.x = Math.cos(a)*25; vel.y = Math.sin(a)*25;
  2572.          dodgeCount++;
  2573.          say(pick(LINES.dodge), "angry");
  2574.       } else {
  2575.          onStart(e.clientX, e.clientY);
  2576.          if(dodgeCount >= 2) { say(pick(LINES.caught), "active"); dodgeCount=0; }
  2577.       }
  2578.     });
  2579.  
  2580.     el.addEventListener('click', () => {
  2581.        if(isDragging) { nav.classList.add('show'); say("What you want?", "active"); }
  2582.     });
  2583.  
  2584.     function onStart(x, y) { nav.classList.remove('show'); isDragging = true; isSick = false; shakeScore = 0; mouse.x = x; mouse.y = y; setMood('angry'); say(pick(LINES.drag), "angry"); isZooming=false; }
  2585.     function onMove(x, y) { mouse.x = x; mouse.y = y; lastActivity = Date.now(); }
  2586.     function onEnd() { if (!isDragging) return; isDragging = false; setMood('normal'); if (Math.hypot(vel.x, vel.y) > 20) { say(pick(LINES.throw), "angry"); isZooming=true; setTimeout(()=>isZooming=false, 3000); } }
  2587.  
  2588.     window.addEventListener('mousemove', e => onMove(e.clientX, e.clientY));
  2589.     window.addEventListener('mouseup', onEnd);
  2590.     window.addEventListener('touchstart', e => { if (e.target.closest('#street-bot')) { e.preventDefault(); onStart(e.touches[0].clientX, e.touches[0].clientY); } }, { passive: false });
  2591.     window.addEventListener('touchmove', e => { if (isDragging) e.preventDefault(); onMove(e.touches[0].clientX, e.touches[0].clientY); }, { passive: false });
  2592.     window.addEventListener('touchend', onEnd);
  2593.  
  2594.     // --- UTILS ---
  2595.     function highlightElement(e){e.classList.remove('bot-highlight');void e.offsetWidth;e.classList.add('bot-highlight')}
  2596.     function setMood(m){el.className=m}
  2597.     function blink(){shutTop.style.height='50%';shutBot.style.height='50%';setTimeout(()=>{shutTop.style.height='0%';shutBot.style.height='0%'},150)}
  2598.     function updateEye(){if(isSick)return;const dx=mouse.x-(pos.x+42),dy=mouse.y-(pos.y+42),ang=Math.atan2(dy,dx),px=Math.cos(ang)*6,py=Math.sin(ang)*6;pupil.style.transform=`translate(-50%,-50%) translate(${px}px,${py}px)`}
  2599.     function getSick(){isSick=true;setMood('sick');nav.classList.remove('show');say(pick(LINES.sick),"sick");setTimeout(()=>{isSick=false;setMood('');say("Chill.","active")},5000)}
  2600.     function vomit(){const p=document.createElement('div');p.className='vomit-bit';p.style.left='45px';p.style.top='50px';pukeZone.appendChild(p);let px=0,py=0,vx=(Math.random()-.5)*15,vy=5+Math.random()*8,l=1;const t=setInterval(()=>{px+=vx;py+=vy;l-=.05;p.style.transform=`translate(${px}px,${py}px)`;p.style.opacity=l;if(l<=0){clearInterval(t);p.remove()}},20)}
  2601.     let tT;function say(t,m=""){if(isTalking&&m!=="sick")return;isTalking=true;setMood(m);bubble.innerText="";bubble.classList.add('show');let i=0;clearInterval(tT);tT=setInterval(()=>{bubble.innerText=t.slice(0,i)+"โ–‹";i++;if(i>t.length){clearInterval(tT);bubble.innerText=t;setTimeout(()=>{bubble.classList.remove('show');isTalking=false;setMood('')},2500)}},30)}
  2602.  
  2603.     document.querySelectorAll('.bot-nav button').forEach(b=>{b.addEventListener('click',e=>{e.stopPropagation();const t=b.getAttribute('data-scroll'),a=b.getAttribute('data-action');nav.classList.remove('show');if(a==='close')return;if(a==='home'){window.location.href='https://codepen.io/Cage-the-typescripter/full/QwNEpaa';return}const s=document.querySelector(t);if(s){s.scrollIntoView({behavior:'smooth',block:'center'});highlightElement(s);say("Check it.","active")}})});
  2604.  
  2605.     // IDLE TIMER (Slowed down slightly)
  2606.     setInterval(()=>{if(!isDragging&&!isSick&&!isTalking&&!isZooming&&Math.random()>.8)say(pick(LINES.idle))},10000);
  2607.  
  2608.     // RANDOM ZOOMIES
  2609.     setInterval(()=>{if(!isDragging&&!isSick&&!isTalking&&!isZooming&&Math.random()>.9) { isZooming=true; setMood('angry'); setTimeout(()=>isZooming=false, 4000); }}, 8000);
  2610.  
  2611.     loop();
  2612.     setTimeout(()=>say("System initialized."),1000);
  2613.   });
  2614. })();
  2615.   </script>
  2616. </body>
  2617.  
  2618. </html>