<!--
⠀⣰⠐⢲⠉⠉⢻⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⡟⠙⡄⠀⡇⠀⢸⡀⠘⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢱⠀⢳⡀⠹⡆⠈⢧⠀⠸⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠘⣦⣀⣓⣀⣙⣂⣈⣧⠀⢸⡟⣷⡆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⢸⡇⠀⢀⣀⡠⠤⠤⣤⡴⡏⠀⢸⣃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠘⣧⡀⠉⠁⠀⣠⠞⠉⠁⠙⠀⠈⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠈⣽⡶⢤⠘⣧⠀⠀⠀⠀⢀⡞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⣿⣿⣿⣿⣷⣄⣀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣴⠃⠹⣄⠀⠈⠙⠒⢲⣾⣍⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⢻⣿⣿⣿⣿⣿⣿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣿⠀⠀⠈⠓⠶⠶⠖⠋⠀⠙⣧⣀⣤⠖⠋⠉⠙⠳⡀⠀⠀⠀⣰⣇⣠⣻⣷⡏⠙⠉⠀⣨⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡿⣖⠒⠦⣄⠀⠀⠹⣦⣀⣀⣿⠉⠭⠷⡆⠠⢴⣒⠂⢹⣿⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⡼⠁⠙⣆⠀⠈⢳⡄⠀⢸⡀⢹⣿⠀⠀⣸⡁⠀⠀⠈⠀⢸⣫⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠈⠻⣦⡀⠀⠀⠀⠀⠀⠀⠈⠁⠀⠀⠸⠆⠀⠀⢹⡄⠀⡇⢀⡇⠀⢠⠬⣈⣀⠀⠀⠀⢀⣻⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠈⠻⣧⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣇⠀⡇⢸⡀⠀⠈⠉⠒⠉⠁⠀⠀⡞⣏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠘⣷⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣀⡇⢈⣧⠀⠀⠀⠀⠀⠀⠀⣴⠃⣿⠉⠉⠙⣆⣀⣀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⠴⠖⠛⠉⠉⠙⠲⣤⡀⠀⠀
⠀⠀⠀⠀⠀⠀⠈⠻⣦⡀⠀⠀⠀⠀⢠⠀⠀⠀⠀⠀⠸⣿⠀⣸⠉⠣⢤⣧⣀⣀⡴⠋⠁⡔⣟⣧⠀⠀⢸⠀⠀⢹⣤⣀⠀⠀⠀⠀⠀⣠⡴⠚⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠈⣿⠶⢤⣀⣀⢸⠀⠀⠀⠀⠀⠀⠉⠺⣃⠀⠀⢰⠀⠀⠀⠀⠀⣼⠀⠘⢸⠀⠀⡞⠀⢀⡞⠀⠈⠳⣄⣠⠖⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠳
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⡄⠀⠀⠈⠛⡆⠀⠀⠀⠀⠀⠀⠀⠈⠓⢤⣈⢷⠀⠀⠀⡼⠁⠀⢀⡟⢀⡾⠀⡠⠋⠀⠀⠀⠀⣿⢀⣀⣠⠤⠤⢴⠖⠛⠛⠉⠉⠁⠀⠀⠀⠀⠀⠈⠉
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣧⠀⠀⠀⠀⡇⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠈⠛⢧⣄⡞⠀⠀⢀⡞⣠⢎⣴⠊⠁⠀⠀⠀⠀⠀⡿⠉⠉⠀⠀⠀⠸⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡄⠀⠀⠀⢧⠀⠀⢀⣠⢴⣒⠿⣗⣢⠍⠓⠶⢤⣀⡉⠓⠶⠾⠭⠟⠉⠀⠀⠀⠀⡄⠀⣠⡾⠁⠀⠀⠀⠀⠀⠀⠀⠙⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣄⠀⠀⢸⡄⠀⠘⢧⠻⠖⠋⢁⡠⠐⠒⠒⠢⢬⡉⢻⣒⠤⣄⠀⠀⠀⠀⠀⣼⠷⠛⢧⣄⣀⣤⠴⠚⣗⡦⣤⡀⠀⠀⠘⡇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠀⠻⣄⠀⠀⠱⣄⠀⠈⠓⠦⠤⣀⣀⠀⠈⢦⠈⣠⣾⡀⠀⠀⢀⡾⠁⠀⢀⠞⠁⠀⠀⢀⣦⡈⣳⢼⡇⠀⠀⠀⡷⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠛⢮⡀⠈⠁⠤⣀⡈⠳⣜⠿⠓⣒⠀⠤⢉⡛⠣⣬⣽⣣⠷⢀⣴⠟⠒⠶⠤⢼⣀⠙⠒⣛⣽⠿⠵⣿⠟⠁⠀⠀⣰⠇⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⢦⡀⠀⠈⠉⠓⠮⢷⡠⡬⣶⡒⣺⣥⢔⣛⣩⣤⣿⣿⣦⡆⠀⠀⠀⠀⠈⠉⠉⠉⠛⠛⠛⠋⠀⠀⢀⣴⠏⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⡦⢄⣀⠀⠀⠀⠙⠛⠛⠉⢉⣉⢽⣿⣠⡿⠟⠋⠁⠙⢶⡒⠛⠓⠲⠦⣤⣀⣀⠀⠀⠀⣀⡴⠟⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣿⣶⣬⣻⣷⡂⠐⣖⠈⣉⣷⣤⣾⡿⠋⠀⠀⠀⠀⠀⠈⠻⣄⠀⠀⠀⠀⠈⠉⠉⠉⠉⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⣿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣦⡀⠈⠉⠉⠉⠉⠉⠉⢻⡷⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢧⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠻⢦⡀⠀⠀⠀⠀⠀⠀⢷⠙⢦⡀⠀⠀⠀⠀⠀⠀⠀⠀⠘⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠓⢦⣄⠀⠰⡄⠈⣦⠀⠻⣄⠀⠀⠀⠀⠀⠀⠀⠀⢻⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⣎⢙⡒⢷⣤⣼⣆⠐⣿⣦⠀⠀⠀⠀⠀⠀⠀⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠿⣽⣹⡻⠀⠘⠷⡹⡎⠳⡀⠀⠀⠀⠀⣸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠙⣇⠀⢷⣻⡀⠘⠳⣤⣄⣀⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠿⡆⠈⢇⢧⠀⠀⢻⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢦⣸⡄⠳⣄⢈⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
// Website    : SERUBET                                        
// Versi      : 1.0                                               
// Powered By : SEO SUPERM4N                                        
-->


<!doctype html>
<html ⚡ lang="id">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  
  <title>SERUBET – Result HK Hari Ini Tercepat 2026, Bocoran Togel Hongkong & Toto Jitu Langsung Update!</title>
  <meta name="description" content="Di Serubet, pantau result HK Hari Ini keluar paling cepat dan akurat! Dapatkan live data togel Hongkong pools terbaru, prediksi toto akurat, serta bocoran jitu biar taruhanmu makin mantap. Cek sekarang dan pasang nomor hoki kamu yuk!">
  
  <link rel="canonical" href="https://theteaduchess.com/can-you-brew-tea-directly-in-milk/">
  
  <!-- Open Graph & Twitter Card -->
  <meta property="og:locale" content="id_ID">
  <meta property="og:type" content="website">
  <meta property="og:title" content="SERUBET – Result HK Hari Ini Tercepat 2026, Bocoran Togel Hongkong & Toto Jitu Langsung Update!">
  <meta property="og:description" content="Di Serubet, pantau result HK Hari Ini keluar paling cepat dan akurat! Dapatkan live data togel Hongkong pools terbaru, prediksi toto akurat, serta bocoran jitu biar taruhanmu makin mantap. Cek sekarang dan pasang nomor hoki kamu yuk!">
  <meta property="og:url" content="https://theteaduchess.com/can-you-brew-tea-directly-in-milk/">
  <meta property="og:site_name" content="SERUBET – Result HK Hari Ini Tercepat 2026, Bocoran Togel Hongkong & Toto Jitu Langsung Update!">
  <meta property="og:image" content="https://serubet.s3.ap-southeast-2.amazonaws.com/serubet-5.jpg">
  <meta property="og:image:width" content="514">
  <meta property="og:image:height" content="747">
  <meta property="og:image:type" content="image/webp">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="SERUBET – Result HK Hari Ini Tercepat 2026, Bocoran Togel Hongkong & Toto Jitu Langsung Update!">
  <meta name="twitter:description" content="Di Serubet, pantau result HK Hari Ini keluar paling cepat dan akurat! Dapatkan live data togel Hongkong pools terbaru, prediksi toto akurat, serta bocoran jitu biar taruhanmu makin mantap. Cek sekarang dan pasang nomor hoki kamu yuk!">
  <meta name="twitter:image" content="https://serubet.s3.ap-southeast-2.amazonaws.com/serubet-5.jpg">
  
  <link rel="icon" type="image/x-icon" href="https://i.imgur.com/fpi4cZt.png">
  
  <!-- Preconnect & Preload -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="preconnect" href="https://res.cloudinary.com">
  <link rel="preload" as="image" href="https://serubet.s3.ap-southeast-2.amazonaws.com/serubet-5.jpg">
  
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rajdhani:wght@700;900&display=swap" rel="stylesheet">
  
  <!-- AMP Required Scripts -->
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  
  <!-- AMP Boilerplate -->
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
  <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  
  <!-- Custom AMP CSS (sama persis dengan aslinya) -->
  <style amp-custom>
    *{box-sizing:border-box}
    body{
      background-color:#b9bc23;
      background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 78px,rgba(0,0,0,0.4) 79px,rgba(255,255,255,0.05) 80px),
                       repeating-linear-gradient(175deg,transparent 0px,transparent 2px,rgba(30,10,5,0.1) 3px,rgba(30,10,5,0.1) 6px),
                       radial-gradient(ellipse at 30% 40%,rgba(0,0,0,0.2) 0%,transparent 60%);
      background-attachment:fixed;
      display:flex;justify-content:center;align-items:center;
      min-height:100vh;margin:0;padding:10px;
      font-family:'Press Start 2P',cursive;
      overflow-x:hidden
    }
    .console-wrapper{position:relative;z-index:5;width:100%;max-width:850px;display:flex;flex-direction:column;align-items:center}
    .table-shadow{width:75%;height:25px;background:radial-gradient(ellipse at center,rgba(0,0,0,0.7) 0%,transparent 70%);border-radius:50%;margin-top:-35px;z-index:1;animation:shadowPulse 6s ease-in-out infinite;will-change:transform,opacity;filter:blur(6px)}
    .console-body{width:100%;position:relative;z-index:10;background-color:#f1b100;border-radius:45px;padding:25px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.15'/%3E%3C/svg%3E");box-shadow:inset 4px 4px 8px rgba(255,255,255,0.5),inset -6px -6px 20px rgba(0,0,0,0.4),0 0 0 2px #222;display:flex;align-items:stretch;gap:15px;animation:floatBody 6s ease-in-out infinite;will-change:transform}
    @keyframes floatBody{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}
    @keyframes shadowPulse{0%,100%{transform:scale(1);opacity:0.7}50%{transform:scale(0.75);opacity:0.3}}
    .trigger{position:absolute;top:20px;width:120px;height:40px;background:#333;border-radius:10px 10px 0 0;z-index:-1;box-shadow:inset 0 5px 5px rgba(255,255,255,0.2),0 -2px 5px rgba(0,0,0,0.5)}
    .trigger-l{left:40px}.trigger-r{right:40px}
    .holo-sticker{position:absolute;bottom:15px;left:30%;width:80px;height:30px;background:linear-gradient(135deg,#ffd700,#ffec8b,#ffd700,#b8860b);border:1px solid #fff;transform:rotate(-5deg);opacity:0.8;font-family:Arial,sans-serif;font-size:6px;color:#000;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:1px 1px 2px rgba(0,0,0,0.3);pointer-events:none;z-index:2}
    .screen-frame{flex-grow:1;background-color:#dd9103;border-radius:15px 15px 50px 15px;padding:40px 20px 20px 20px;box-shadow:inset 3px 3px 10px rgba(0,0,0,0.6);display:flex;flex-direction:column;position:relative}
    .led-container{position:absolute;top:15px;left:20px;display:flex;align-items:center;gap:8px;z-index:50}
    .power-led{width:8px;height:8px;background-color:#ff3333;border-radius:50%;box-shadow:0 0 8px #ff0000;animation:ledBreathe 2s infinite alternate}
    .power-label{font-family:'Rajdhani',sans-serif;font-size:px;color:#ccc;font-weight:bold;letter-spacing:1px;text-shadow:0 0 2px #000}
    @keyframes ledBreathe{0%{opacity:0.5}100%{opacity:1;box-shadow:0 0 12px #ff0000}}
    .screen-lens{background-color:#000;width:%;height:100%;border-radius:8px;position:relative;overflow:hidden;border:2px solid #222;contain:content}
    .pixel-grid{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:25;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.25) 50%),linear-gradient(90deg,rgba(255,0,0,0.06),rgba(0,255,0,0.02),rgba(0,0,255,0.06));background-size:100% 2px,3px 100%;opacity:0.4}
    .screen-content{width:100%;height:600px;background-color:#e27901;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 2px);background-size:550px 550px,350px 350px;background-position:0 0,40px 60px;overflow-y:auto;padding:0;display:flex;flex-direction:column;align-items:center;position:relative;will-change:background-position;animation:starsMove 100s linear infinite}
    @keyframes starsMove{from{background-position:0 0,40px 60px}to{background-position:550px 550px,390px 410px}}
    .screen-content::-webkit-scrollbar{width:8px}
    .screen-content::-webkit-scrollbar-track{background:#111}
    .screen-content::-webkit-scrollbar-thumb{background:#555;border-radius:4px}
    .boot-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(235,245,235,0.92);z-index:100;display:flex;align-items:center;justify-content:center;animation:bootFadeOut 0.5s ease-out 2.2s forwards;pointer-events:none;backdrop-filter:blur(2px);will-change:opacity}
    .boot-logo{font-family:'Press Start 2P',cursive;font-size:32px;color:#222;opacity:0;transform:translateY(-200px);animation:logoDrop 1.5s cubic-bezier(0.25,1,0.5,1) forwards,glitchEffect 0.3s cubic-bezier(.25,.46,.45,.94) 1.0s infinite}
    .boot-logo span{font-size:12px;vertical-align:top;margin-left:2px}
    .boot-logo img {
  width: 350px;   
  height: auto;  
}
    @keyframes logoDrop{0%{opacity:1;transform:translateY(-200px)}60%{transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}
    @keyframes glitchEffect{0%,75%,100%{text-shadow:2px 0 #ff0000,-2px 0 #0000ff;transform:translate(0)}25%{text-shadow:-2px 0 #ff0000,2px 0 #0000ff;transform:translate(2px,2px)}50%{text-shadow:2px 0 #ff0000,-2px 0 #0000ff;transform:translate(-2px,-2px)}}
    @keyframes bootFadeOut{to{opacity:0;visibility:hidden}}
    .game-hud{width:100%;background:rgba(0,0,0,0.8);border-bottom:2px solid #fff;padding:10px 15px;display:flex;justify-content:space-between;color:#fff;font-size:10px;text-transform:uppercase;z-index:30;flex-shrink:0}
    .hud-item span{color:#ffeb3b}
    .game-area{padding:20px;width:100%;display:flex;flex-direction:column;align-items:center;z-index:10}
    .game-banner{width:100%;max-width:280px;position:relative;background:#fff;padding:6px;border-radius:4px;box-shadow:0 10px 20px rgba(0,0,0,0.5),0 0 0 1px rgba(0,0,0,0.2);transform:rotate(-3deg);transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.3s ease;z-index:20;will-change:transform}
    .game-banner:hover{transform:rotate(0deg) scale(1.05);box-shadow:0 15px 30px rgba(0,0,0,0.6);z-index:50;cursor:pointer}
    .game-banner::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(125deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0) 60%);pointer-events:none;background-size:200% 200%;animation:stickerShine 6s infinite linear}
    @keyframes stickerShine{0%{background-position:200% 0}20%{background-position:-200% 0}100%{background-position:-200% 0}}
    .game-banner amp-img{width:100%;height:auto;display:block}
    .sticker-badge{position:absolute;top:-12px;right:-12px;background:linear-gradient(135deg,#FFD700,#ffaa00);border:2px solid #fff;color:#000;font-size:8px;padding:5px 8px;transform:rotate(15deg);box-shadow:0 2px 5px rgba(0,0,0,0.3);font-family:'Press Start 2P',cursive;animation:badgePulse 2s infinite;z-index:2}
    @keyframes badgePulse{0%,100%{transform:rotate(15deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}}
    .retro-h1{font-family:'Press Start 2P',cursive;font-size:13px;line-height:1.8;color:#fff;text-transform:uppercase;text-align:center;text-shadow:2px 2px #000;background:rgba(0,0,0,0.5);padding:10px;margin-bottom:20px}
    .btn-container{width:100%;max-width:500px;display:flex;flex-direction:column;gap:15px}
    .main-btns{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .pixel-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;font-family:'Press Start 2P',cursive;font-size:10px;color:#fff;text-decoration:none;text-transform:uppercase;border:2px solid #fff;background-color:#000;box-shadow:4px 4px 0 rgba(255,255,255,0.3);transition:all 0.1s;position:relative}
    .pixel-btn::before{content:"►";opacity:0;color:#ffeb3b;position:absolute;left:10px;transition:opacity 0.2s}
    .pixel-btn:hover::before{opacity:1;animation:blinkArrow 0.5s infinite}
    .pixel-btn:hover{background-color:#222;transform:translateY(-2px);border-color:#ffeb3b;color:#ffeb3b}
    .btn-login{border-color:#4da6ff; font-size: 20px;}
    .btn-daftar{border-color:#66bb6a}
    @keyframes blinkArrow{0%,100%{opacity:1}50%{opacity:0}}
    .sub-links{display:flex;justify-content:center;gap:25px;margin-top:20px;background:rgba(0,0,0,0.6);padding:8px 15px;border-radius:20px}
    .link-item{color:#f0f0f0;font-size:10px;text-decoration:none;padding:5px}
    .link-item:hover{color:#fff;text-decoration:underline}
    .logo-branding-area{text-align:center;margin-top:15px;margin-bottom:5px}
    .logo-text{font-family:'Rajdhani',sans-serif;font-size:18px;font-weight:900;font-style:italic;color:#ccc;letter-spacing:5px;text-shadow:-1px -1px 1px rgba(0,0,0,0.5),1px 1px 1px rgba(255,255,255,0.4);display:inline-block}
    .grip-area{width:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}
    .dpad:focus,.phys-btn:focus,.pill-btn:focus{outline:2px solid #ffeb3b}
    .dpad{width:100px;height:100px;position:relative}
    .dpad div{background:#222;position:absolute;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,0.3)}
    .d-h{width:100%;height:32px;top:34px}
    .d-v{width:32px;height:100%;left:34px}
    .d-c{width:32px;height:32px;top:34px;left:34px;background:radial-gradient(#0f389f,#222);z-index:2}
    .ab-cluster{display:flex;gap:15px;transform:rotate(-20deg);margin-top:30px}
    .phys-btn{width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgb(0, 0, 0),#000000);box-shadow:2px 4px 5px rgba(0,0,0,0.4);border:1px solid #990000;cursor:pointer}
    .speaker-slots{margin-top:40px;display:flex;gap:5px;transform:rotate(-10deg)}
    .slot{width:6px;height:40px;background:#9f0f0f;border-radius:5px;box-shadow:inset 1px 1px 2px #000}
    .action-bar{display:flex;gap:15px;justify-content:center;margin-top:10px;margin-bottom:5px}
    .pill-btn{width:50px;height:12px;background:#666;border-radius:10px;transform:rotate(-20deg);border:1px solid #333;box-shadow:1px 1px 2px rgba(0,0,0,0.5);cursor:pointer}
    @media(max-width:768px){
      body{padding:0;align-items:flex-start;overflow-x:hidden}
      .console-wrapper{width:100%}
      .trigger,.holo-sticker{display:none}
      .console-body{flex-direction:column;width:100%;max-width:100%;border-radius:0;min-height:100vh;padding:10px;gap:10px;animation:none}
      .grip-area{width:100%;height:60px;flex-direction:row;justify-content:space-between;padding:0 20px}
      .dpad,.ab-cluster{transform:scale(0.6);margin:0}
      .speaker-slots{display:none}
      .screen-frame{border-radius:20px;padding:30px 10px 10px 10px}
      .led-container{top:10px;left:15px}
      .screen-lens{height:auto;border:none}
      .screen-content{height:auto;min-height:400px;overflow:visible}
      .retro-h1{font-size:10px}
      .pixel-btn{padding:15px}
      .logo-text{font-size:16px;margin-top:10px}
      .table-shadow{display:none}
    }
  </style>
</head>

<body>
<div class="console-wrapper">
  <div class="trigger trigger-l"></div>
  <div class="trigger trigger-r"></div>
  <div class="console-body">
    <div class="holo-sticker">SERUBET QC<br>PASSED</div>
    
    <div class="grip-area">
      <div class="dpad" role="group" aria-label="D-Pad Control" tabindex="0">
        <div class="d-h"></div>
        <div class="d-v"></div>
        <div class="d-c"></div>
      </div>
      <div class="speaker-slots">
        <div class="slot"></div><div class="slot"></div><div class="slot"></div>
      </div>
    </div>

    <div class="screen-frame">
      <div class="led-container">
        <div class="power-led"></div>
        <div class="power-label">BATTERY</div>
      </div>

      <div class="screen-lens">
        <div class="boot-overlay">
          <div class="boot-logo"><img src="https://i.imgur.com/GuNCNvh.gif"><span>®</span></div>
        </div>
        <div class="pixel-grid"></div>
        
        <div class="screen-content">
          <div class="game-hud">
            <div class="hud-item">1UP <span>186715</span></div>
            <div class="hud-item">COIN <span>99</span></div>
            <div class="hud-item">WORLD <span>1-1</span></div>
          </div>

          <div class="sub-links">
            <a href="https://serubet.us/" class="link-item" target="_blank" rel="nofollow noreferrer noopener">LINK ALTERNATIF</a>
            <a href="https://serubet.us/" class="link-item" target="_blank" rel="nofollow noreferrer noopener">LIVE CHAT</a>
          </div>

          <div class="game-area"><br>
            <div class="game-banner">
              <div class="sticker-badge">OFFICIAL</div>
              <a href="https://serubet.us/" target="_blank" rel="nofollow noreferrer noopener">
                <amp-img 
                  src="https://serubet.s3.ap-southeast-2.amazonaws.com/serubet-5.jpg" 
                  width="280" 
                  height="300" 
                  layout="responsive" 
                  alt="SERUBET Banner">
                </amp-img>
              </a>
            </div>

            <div class="btn-container">
              <div class="main-btns">
                <!-- Tombol utama kosong seperti aslinya -->
              </div>
              <a title="SERUBET login" href="https://serubet.us/" class="pixel-btn btn-login" target="_blank" rel="nofollow noreferrer noopener">MASUK</a>
              <a title="SERUBET daftar" href="https://serubet.us/" class="pixel-btn btn-daftar" target="_blank" rel="nofollow noreferrer noopener">DAFTAR</a>
            </div> 
          </div>
        </div>
      </div>

      <div class="logo-branding-area">
        <span class="logo-text">SERUBET PLAY</span>
      </div>

      <div class="action-bar">
        <div class="pill-btn" role="button" aria-label="Tombol Select" tabindex="0" title="Select"></div>
        <div class="pill-btn" role="button" aria-label="Tombol Start" tabindex="0" title="Start"></div>
      </div>

      <div style="text-align:center;font-size:9px;color:#bbb;margin-top:5px;font-style:italic;letter-spacing:1px;">HIGH PERFORMANCE SYSTEM - 128 BIT</div>
    </div>

    <div class="grip-area">
      <div class="ab-cluster">
        <div class="phys-btn" role="button" aria-label="Tombol B" tabindex="0"></div>
        <div class="phys-btn" role="button" aria-label="Tombol A" tabindex="0"></div>
      </div>
      <div class="speaker-slots" style="transform:rotate(10deg)">
        <div class="slot"></div><div class="slot"></div><div class="slot"></div>
      </div>
    </div>
  </div>

  <div class="table-shadow"></div>
</div>
</body>
</html>