*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent !important; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; }
        html, body { -webkit-tap-highlight-color: transparent !important; }

        :root {
            --black:      #000000;
            --dark:       #0a0a0a;
            --card:       #111111;
            --card2:      #181818;
            --border:     #222222;
            --border2:    #2a2a2a;
            --green:      #e11d2a;
            --green2:     #b30f1a;
            --green-glow: rgba(225, 29, 42,0.20);
            --green-dim:  rgba(225, 29, 42,0.08);
            --text:       #f0f0f0;
            --muted:      #666666;
            --muted2:     #888888;
            --yellow:     #facc15;
            --red:        #ef4444;
            --accent:     #ff3b4e;
        }

        html, body {
            height: 100%;
            background: var(--black);
            color: var(--text);
            font-family: 'Plus Jakarta Sans', sans-serif;
            overflow-x: hidden;
        }
        /* POKER TABLE BACKGROUND */
        body {
            background-image: url('data:image/png;base64,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') !important;
            background-size: cover !important;
            background-position: center top !important;
            background-attachment: fixed !important;
            background-repeat: no-repeat !important;
        }
        body::after {
            content: '';
            position: fixed; inset: 0;
            background: rgba(0,0,0,0.73);
            z-index: 0; pointer-events: none;
        }

        /* ── NOISE TEXTURE ── */
        body::before {
            content: '';
            position: fixed; inset: 0; z-index: 0;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
            pointer-events: none;
        }

        /* ── TOP NAVBAR ── */
        .navbar {
            position: fixed; top: 0; left: 0; right: 0;
            height: 50px;
            background: #000;
            border-bottom: 1px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: flex-end;
            padding: 0 16px;
            z-index: 100;
        }
        .navbar-logo-img {
            height: 34px;
            width: auto;
            object-fit: contain;
        }

        /* ── HAMBURGER 3 GARIS HIJAU ── */
        .navbar-menu-btn {
            width: 40px; height: 40px;
            display: flex;
            align-items: center; justify-content: center;
            cursor: pointer; background: none; border: none;
            position: relative;
            margin-left: auto;
        }
        .hamburger-icon {
            display: flex;
            flex-direction: column;
            gap: 5px;
            align-items: center;
            justify-content: center;
        }
        .hamburger-icon span {
            display: block;
            width: 22px;
            height: 2.5px;
            background: var(--green);
            border-radius: 3px;
            transition: all .3s ease;
            box-shadow: 0 0 5px rgba(225, 29, 42,.6);
        }
        .navbar-menu-btn.active .hamburger-icon span:nth-child(1) {
            transform: translateY(7.5px) rotate(45deg);
        }
        .navbar-menu-btn.active .hamburger-icon span:nth-child(2) {
            opacity: 0; transform: scaleX(0);
        }
        .navbar-menu-btn.active .hamburger-icon span:nth-child(3) {
            transform: translateY(-7.5px) rotate(-45deg);
        }

        /* ── DROPDOWN MENU — HORIZONTAL ── */
        .dropdown-menu {
            position: fixed;
            top: 50px;
            left: 0;
            right: 0;
            width: 100%;
            background: #0d0d0d;
            border-bottom: 2px solid var(--green);
            border-top: none;
            z-index: 200;
            overflow: hidden;
            max-height: 0;
            opacity: 0;
            pointer-events: none;
            transition: max-height .35s cubic-bezier(.22,1,.36,1), opacity .25s ease;
            box-shadow: 0 8px 30px rgba(0,0,0,.7);
        }
        .dropdown-menu.open {
            max-height: 80px;
            opacity: 1;
            pointer-events: all;
        }
        .dropdown-inner {
            display: flex;
            flex-direction: row;
            align-items: stretch;
            justify-content: space-around;
            padding: 0;
            height: 70px;
        }
        .dropdown-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            flex: 1;
            padding: 10px 8px;
            color: #f5f5f5;
            font-weight: 700;
            font-size: 11px;
            cursor: pointer;
            transition: all .18s;
            border-right: 1px solid var(--border);
            text-decoration: none;
            letter-spacing: .3px;
            text-shadow: 0 1px 2px rgba(0,0,0,.6);
        }
        .dropdown-item:last-child { border-right: none; }
        .dropdown-item:hover {
            background: rgba(225, 29, 42,.1);
            color: #ff3b4e;
            text-shadow: 0 0 8px rgba(225, 29, 42,.35);
        }
        .dropdown-item svg {
            width: 20px; height: 20px;
            color: var(--green);
            opacity: .85;
            flex-shrink: 0;
        }
        .dropdown-item:hover svg { opacity: 1; }
        .dropdown-item .nav-link-label {
            display: block;
            line-height: 1.1;
        }

        /* ── TICKER — fixed di bawah navbar, terdorong saat dropdown buka ── */
        .ticker {
            position: fixed;
            top: 50px;
            left: 0; right: 0;
            height: 36px;
            background: linear-gradient(90deg, #1a0608, #250a0e, #1a0608);
            border-top: 1px solid rgba(225, 29, 42,0.25);
            border-bottom: 1px solid rgba(225, 29, 42,0.25);
            overflow: hidden;
            display: flex; align-items: center;
            z-index: 99;
            box-shadow: 0 2px 20px rgba(225, 29, 42,0.08);
            transition: top .35s cubic-bezier(.22,1,.36,1);
        }
        .ticker.pushed {
            top: 120px; /* 50px navbar + 70px dropdown */
        }


        /* Fade overlay kiri kanan */
        .ticker::after {
            content: '';
            position: absolute; inset: 0;
            background:
                linear-gradient(90deg, #1a0608 0%, transparent 20px),
                linear-gradient(270deg, #1a0608 0%, transparent 20px);
            pointer-events: none; z-index: 1;
        }
        .ticker-track {
            width: 100%;
            height: 36px;
            overflow: hidden;
            position: relative;
        }

        .ticker-inner {
            display: inline-block;
            white-space: nowrap;
            font-size: 11.5px;
            font-weight: 700;
            color: var(--green);
            letter-spacing: .6px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 100%; /* mulai dari kanan */
        }

        .ticker-dot {
            display: inline-block;
            color: var(--yellow);
            margin: 0 14px;
            font-size: 10px;
            opacity: 0.8;
        }

        /* Highlight khusus beberapa item */
        .ticker-hl {
            color: var(--yellow);
            font-weight: 800;
        }
        .ticker-hl-red {
            color: #ff6b6b;
            font-weight: 800;
        }

        /* ── MAIN CONTENT ── */
        .page {
            position: relative; z-index: 1;
            min-height: 100vh;
            padding: 90px 16px 30px;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            transition: padding-top .35s cubic-bezier(.22,1,.36,1);
        }
        .page.pushed {
            padding-top: 162px; /* 90px normal + 72px dropdown */
        }

        .wrap {
            width: 100%;
            max-width: 420px;
        }

        /* ── LOGO BRAND CENTER ── */
        .brand-area {
            text-align: center;
            margin-bottom: 20px;
        }
        .brand-area {
            text-align: center;
            margin-bottom: 20px;
        }
        .brand-logo {
            font-family: 'Rajdhani', sans-serif;
            font-size: 38px;
            font-weight: 700;
            line-height: 1;
            color: var(--green);
            text-shadow: 0 0 40px var(--green-glow), 0 0 80px rgba(225, 29, 42,0.1);
            letter-spacing: 2px;
        }
        .brand-logo em {
            color: #fff; font-style: normal;
        }
        .brand-sub {
            font-size: 10px;
            color: var(--muted);
            letter-spacing: 4px;
            text-transform: uppercase;
            margin-top: 4px;
        }
        .brand-badge {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            background: var(--green-dim);
            border: 1px solid rgba(225, 29, 42,0.2);
            border-radius: 20px;
            padding: 3px 12px;
            font-size: 10px;
            font-weight: 700;
            color: var(--green);
            letter-spacing: 1px;
            margin-top: 8px;
            text-transform: uppercase;
        }
        .brand-badge::before {
            content: '';
            width: 6px; height: 6px;
            border-radius: 50%;
            background: var(--green);
            box-shadow: 0 0 6px var(--green);
            animation: blink 1.5s infinite;
        }

        /* ── CARD ── */
        .card {
            background: var(--card);
            border: 1px solid var(--border);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,0.03);
            animation: slideUp .4s cubic-bezier(.22,1,.36,1);
        }
        @keyframes slideUp {
            from { opacity:0; transform:translateY(20px); }
            to   { opacity:1; transform:translateY(0); }
        }

        .card-header {
            background: linear-gradient(135deg, #071a0b 0%, #0d2210 40%, #071a0b 100%);
            border-bottom: 2px solid rgba(225, 29, 42,0.35);
            padding: 18px 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 6px;
            position: relative;
            overflow: hidden;
            text-align: center;
        }
        .card-header::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 2px;
            background: linear-gradient(90deg, transparent, #e11d2a, #ff3b4e, #e11d2a, transparent);
            animation: shimmerLine 2.5s linear infinite;
        }
        @keyframes shimmerLine {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }
        .card-header-icon {
            width: 44px; height: 44px;
            border-radius: 14px;
            background: linear-gradient(135deg, rgba(225, 29, 42,0.2), rgba(225, 29, 42,0.08));
            border: 1.5px solid rgba(225, 29, 42,0.45);
            display: flex; align-items: center; justify-content: center;
            color: var(--green);
            box-shadow: 0 0 18px rgba(225, 29, 42,0.25), inset 0 1px 0 rgba(255,255,255,0.06);
            margin-bottom: 2px;
        }
        .card-header-text .title {
            font-size: 20px;
            font-weight: 900;
            color: #ffffff;
            letter-spacing: 2px;
            text-shadow: 0 0 20px rgba(225, 29, 42,0.5), 0 0 40px rgba(225, 29, 42,0.2);
            font-family: 'Rajdhani', sans-serif;
            text-transform: uppercase;
        }
        .card-header-text .sub {
            font-size: 10.5px;
            color: #e11d2a;
            margin-top: 3px;
            font-weight: 600;
            letter-spacing: 0.8px;
            opacity: 0.9;
        }

        .card-body { padding: 20px; }

        /* ── STEP DOTS ── */
        .steps {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px;
            margin-bottom: 20px;
        }
        .step-dot {
            width: 6px; height: 6px;
            border-radius: 50%;
            background: var(--border2);
            transition: all .3s;
        }
        .step-dot.active {
            background: var(--green);
            box-shadow: 0 0 8px var(--green);
            width: 18px; border-radius: 3px;
        }
        .step-line { width: 20px; height: 1px; background: var(--border); }

        /* ── INPUTS ── */
        .input-group { margin-bottom: 14px; }
        .input-label {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: #c8c8c8;
            margin-bottom: 7px;
            display: block;
        }
        .input-wrap { position: relative; }
        .input-icon {
            position: absolute; left: 14px; top: 50%;
            transform: translateY(-50%);
            color: var(--muted);
            pointer-events: none;
        }
        input {
            width: 100%;
            background: #0f0f0f;
            border: 1px solid #2e2e2e;
            border-radius: 12px;
            color: #f5f5f5;
            font-size: 15px;
            font-family: inherit;
            font-weight: 600;
            outline: none;
            padding: 13px 16px 13px 42px;
            transition: border-color .25s, box-shadow .25s, background .25s;
            -webkit-appearance: none;
        }
        input::placeholder { color: #555; font-weight: 400; }
        input:hover:not(:focus) { border-color: #3a3a3a; background: #111; }
        /* ── INPUT NOMINAL INTERACTIVE ── */
        .input-label {
            display: flex; align-items: center; gap: 5px;
        }
        .input-label-badge {
            font-size: 8px; background: var(--green-dim);
            border: 1px solid rgba(225, 29, 42,.2);
            color: var(--green); border-radius: 20px;
            padding: 1px 7px; font-weight: 700; letter-spacing: .5px;
            text-transform: uppercase; margin-left: auto;
        }
        #nominal:focus { border-color: var(--green); box-shadow: 0 0 0 3px var(--green-glow); }
        .nom-hint {
            font-size: 10px; color: var(--muted2); margin-top: 4px;
            display: flex; align-items: center; gap: 4px;
            transition: all .2s;
        }
        .nom-hint.valid { color: var(--green); }
        .nom-hint.invalid { color: var(--red); }

        input:focus {
            border-color: var(--green);
            box-shadow: 0 0 0 3px var(--green-glow);
        }
        input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; }

        .error-msg {
            color: var(--red);
            font-size: 11px;
            font-weight: 600;
            margin-top: 6px;
            min-height: 14px;
        }
        .preview-nominal {
            font-size: 12px;
            color: #ff3b4e;
            font-weight: 700;
            margin-top: 5px;
            min-height: 16px;
            letter-spacing: .3px;
        }

        /* ── QUICK AMOUNTS ── */
        .quick-title {
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: #c8c8c8;
            margin-bottom: 8px;
        }
        .quick-amounts {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 7px;
            margin-bottom: 16px;
        }
        .qa-btn {
            background: #111;
            border: 1px solid #2e2e2e;
            border-radius: 10px;
            padding: 9px 6px;
            font-family: inherit;
            font-size: 12px;
            font-weight: 700;
            color: #aaa;
            cursor: pointer;
            text-align: center;
            transition: all .2s;
            position: relative;
            overflow: hidden;
        }
        .qa-btn::before {
            content: '';
            position: absolute; inset: 0;
            background: linear-gradient(135deg, rgba(225, 29, 42,.15), transparent);
            opacity: 0; transition: opacity .2s;
        }
        .qa-btn:hover::before, .qa-btn.active::before { opacity: 1; }
        .qa-btn:hover, .qa-btn.active {
            border-color: var(--green);
            color: #fff;
            background: rgba(225, 29, 42,.08);
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(225, 29, 42,.2);
        }
        .qa-btn:active { transform: translateY(0); }

        /* ── INFO BLOCK ── */
        .info-block {
            background: rgba(250,204,21,.04);
            border: 1px solid rgba(250,204,21,.12);
            border-radius: 10px;
            padding: 10px 12px;
            font-size: 11px;
            color: var(--muted2);
            line-height: 1.6;
            margin-bottom: 16px;
            display: flex; gap: 8px;
        }

        /* ── BUTTONS ── */
        .btn {
            width: 100%; padding: 14px;
            border: none; border-radius: 12px;
            font-family: inherit; font-size: 15px;
            font-weight: 700; cursor: pointer;
            display: flex; align-items: center; justify-content: center; gap: 8px;
            transition: all .2s;
            letter-spacing: .3px;
        }
        .btn-green {
            background: linear-gradient(135deg, var(--green), var(--green2));
            color: #000;
            box-shadow: 0 4px 20px var(--green-glow);
        }
        .btn-green:hover { transform: translateY(-1px); box-shadow: 0 8px 30px rgba(225, 29, 42,.35); }
        .btn-green:active { transform: translateY(0); }

        .btn-green-outline {
            background: var(--green-dim);
            border: 1px solid rgba(225, 29, 42,.3);
            color: var(--green);
            font-size: 14px; padding: 12px;
            animation: glow-pulse 2s infinite;
        }
        @keyframes glow-pulse {
            0%,100% { box-shadow: 0 0 0 0 rgba(225, 29, 42,.4); }
            50%      { box-shadow: 0 0 0 12px rgba(225, 29, 42,0); }
        }

        .btn-ghost {
            background: transparent;
            border: 1px solid var(--border);
            color: var(--muted);
            font-size: 12px; padding: 8px;
            margin-top: 6px;
        }
        .btn-ghost:hover { border-color: var(--green); color: var(--green); }

        /* ── QRIS SECTION ── */
        .qris-section { text-align: center; }
        @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.2} }

        /* ── MERCHANT TAG ── */
        .merchant-tag {
            display: inline-flex; align-items: center; gap: 5px;
            background: var(--green-dim);
            border: 1px solid rgba(225, 29, 42,.2);
            border-radius: 20px;
            padding: 3px 11px;
            font-size: 10px; font-weight: 700;
            color: var(--green);
            margin-bottom: 10px;
            letter-spacing: .4px;
        }

        /* ── QR FRAME — lebih compact ── */
        .qr-frame {
            display: inline-block;
            position: relative;
            padding: 10px;
            background: #fff;
            border-radius: 14px;
            box-shadow: 0 0 30px var(--green-glow), 0 8px 30px rgba(0,0,0,.5);
            margin-bottom: 4px;
        }
        .qr-frame canvas, .qr-frame img { display: block; border-radius: 6px; }
        .qr-corner {
            position: absolute;
            width: 14px; height: 14px;
            border-color: var(--green);
            border-style: solid;
        }
        .qr-corner.tl { top:-2px; left:-2px; border-width:2px 0 0 2px; border-radius:4px 0 0 0; }
        .qr-corner.tr { top:-2px; right:-2px; border-width:2px 2px 0 0; border-radius:0 4px 0 0; }
        .qr-corner.bl { bottom:-2px; left:-2px; border-width:0 0 2px 2px; border-radius:0 0 0 4px; }
        .qr-corner.br { bottom:-2px; right:-2px; border-width:0 2px 2px 0; border-radius:0 0 4px 0; }

        .qris-label-tag {
            font-size: 9px; font-weight: 700;
            letter-spacing: 2.5px;
            color: var(--muted);
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        /* ── NOM CARD — interactive redesign ── */
        .nom-card {
            background: linear-gradient(135deg, #0c1f10, #0f1a0d);
            border: 1px solid rgba(225, 29, 42,.3);
            border-radius: 14px;
            padding: 0;
            margin-bottom: 8px;
            text-align: left;
            overflow: hidden;
            position: relative;
        }
        .nom-card::before {
            content: '';
            position: absolute; top: 0; left: 0; right: 0; height: 2px;
            background: linear-gradient(90deg, transparent, #e11d2a, #facc15, #e11d2a, transparent);
            background-size: 200% 100%;
            animation: shimmerBar 2.5s linear infinite;
        }
        @keyframes shimmerBar { 0%{background-position:200% 0} 100%{background-position:-200% 0} }
        .nom-card-inner { padding: 10px 12px 0; }
        .nom-card-top {
            display: flex; align-items: flex-start; justify-content: space-between; gap: 8px;
            margin-bottom: 4px;
        }
        .nom-label {
            font-size: 8px; color: var(--green); letter-spacing: 1.5px;
            text-transform: uppercase; font-weight: 700; margin-bottom: 3px; opacity: .85;
        }
        .nom-value {
            font-size: 20px; font-weight: 900; color: #fff;
            letter-spacing: -.5px; line-height: 1;
            text-shadow: 0 0 18px rgba(225, 29, 42,.25);
        }
        .nom-value span.rp { font-size: 13px; color: var(--green); margin-right: 2px; font-weight: 700; }
        .nom-user {
            display: inline-flex; align-items: center; gap: 6px;
            font-size: 13px; color: #fff; margin-top: 6px;
            font-weight: 700; letter-spacing: .3px;
            background: rgba(225, 29, 42,.12);
            border: 1px solid rgba(225, 29, 42,.25);
            border-radius: 20px; padding: 4px 12px;
            box-shadow: 0 0 12px rgba(225, 29, 42,.1);
        }
        .nom-secure {
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            background: rgba(225, 29, 42,.1); border: 1px solid rgba(225, 29, 42,.2);
            border-radius: 10px; padding: 6px 8px; min-width: 50px; text-align: center;
            flex-shrink: 0;
        }
        .nom-secure-icon { font-size: 14px; }
        .nom-secure-text { font-size: 7px; color: var(--green); font-weight: 700; letter-spacing: .5px; margin-top: 1px; text-transform: uppercase; }
        .nom-divider { height: 1px; background: rgba(255,255,255,.06); margin: 8px 0 0; }
        .nom-btn-row { display: flex; gap: 0; }

        .copy-btn {
            display: inline-flex; align-items: center; justify-content: center; gap: 5px;
            background: rgba(250,204,21,.08);
            border: none; border-top: 1px solid rgba(250,204,21,.15);
            border-right: 1px solid rgba(255,255,255,.05);
            border-radius: 0 0 0 14px;
            padding: 9px 10px;
            font-size: 11px; font-weight: 700; color: var(--yellow);
            cursor: pointer; transition: all .18s; font-family: inherit; flex: 1;
        }
        .copy-btn:hover { background: rgba(250,204,21,.2); color: #fff; }
        .copy-btn:active { transform: scale(.97); }
        .copy-btn.copied { color: var(--green); background: rgba(225, 29, 42,.1); }

        .save-btn {
            display: inline-flex; align-items: center; justify-content: center; gap: 5px;
            background: rgba(96,165,250,.08);
            border: none; border-top: 1px solid rgba(96,165,250,.15);
            border-radius: 0 0 14px 0;
            padding: 9px 10px;
            font-size: 11px; font-weight: 700; color: #60a5fa;
            cursor: pointer; transition: all .18s; font-family: inherit; flex: 1;
        }
        .save-btn:hover { background: rgba(96,165,250,.2); color: #fff; }
        .save-btn:active { transform: scale(.97); }
        .save-btn.saving { opacity:.6; pointer-events:none; }
        .save-btn.saved  { color: var(--green); background: rgba(225, 29, 42,.1); }

        /* ── TIMER inline di kanan nom-card ── */
        .timer-row {
            display: flex; align-items: center; justify-content: center; gap: 6px;
            background: rgba(250,204,21,.04);
            border: 1px solid rgba(250,204,21,.1);
            border-radius: 8px;
            padding: 5px 10px;
            margin: 6px 0;
        }
        .timer-pulse { width:6px; height:6px; border-radius:50%; background:var(--yellow); animation:blink 1s infinite; flex-shrink:0; }
        .timer-label { font-size: 10px; color: var(--muted); }
        .timer-val   { font-size: 12px; font-weight: 800; color: var(--yellow); font-variant-numeric: tabular-nums; margin-left: auto; }

        /* ── STATUS BOX compact ── */
        .status-box {
            display: flex; align-items: center; gap: 7px;
            padding: 6px 10px;
            background: rgba(225, 29, 42,.04);
            border: 1px solid rgba(225, 29, 42,.12);
            border-radius: 8px;
            font-size: 11px; color: var(--muted2);
            margin: 5px 0;
            text-align: left;
        }
        .spin {
            width: 13px; height: 13px;
            border: 2px solid rgba(225, 29, 42,.2);
            border-top-color: var(--green);
            border-radius: 50%;
            animation: spin .8s linear infinite;
            flex-shrink: 0;
        }
        @keyframes spin { to { transform:rotate(360deg); } }

        .trx-info {
            font-size: 9px; color: var(--muted);
            letter-spacing: .4px; margin-bottom: 5px;
        }
        .trx-info span { color: var(--green); font-weight: 700; }

        /* ── DIVIDER ── */
        .divider {
            display: flex; align-items: center; gap: 10px;
            margin: 16px 0;
            color: var(--muted);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
        .divider::before, .divider::after {
            content: ''; flex: 1;
            height: 1px; background: var(--border);
        }

        /* ── SOSMED / CS BUTTONS ── */
        .cs-row {
            display: grid; grid-template-columns: 1fr 1fr;
            gap: 8px; margin-top: 14px;
        }
        .cs-btn {
            display: flex; align-items: center; justify-content: center; gap: 7px;
            padding: 11px 10px;
            border-radius: 12px;
            font-size: 12px; font-weight: 700;
            cursor: pointer; text-decoration: none;
            transition: all .2s;
            border: none; font-family: inherit;
        }
        .cs-wa {
            background: rgba(37,211,102,.08);
            border: 1px solid rgba(37,211,102,.2);
            color: #25d366;
        }
        .cs-wa:hover { background: rgba(37,211,102,.15); }
        .cs-tg {
            background: rgba(0,136,204,.08);
            border: 1px solid rgba(0,136,204,.2);
            color: #0088cc;
        }
        .cs-tg:hover { background: rgba(0,136,204,.15); }

        /* ── SECURITY BADGES ── */
        .badges {
            display: flex; justify-content: center; gap: 10px;
            margin-top: 16px; flex-wrap: wrap;
        }
        .badge-item {
            display: flex; align-items: center; gap: 4px;
            font-size: 10px; color: var(--muted);
            font-weight: 600;
        }
        .badge-item svg { color: var(--green); }

        .hidden { display: none !important; }

        /* Backdrop */
        .dropdown-backdrop {
            display: none;
            position: fixed; inset: 0; z-index: 199;
        }
        .dropdown-backdrop.open { display: block; }

        /* pulse for live badge */
        .live-dot {
            width: 7px; height: 7px; border-radius: 50%;
            background: var(--green);
            box-shadow: 0 0 6px var(--green);
            animation: blink 1s infinite;
            display: inline-block; margin-right: 4px;
        }

        /* ── ICO MASCOT INTERACTIVE ── */
        @keyframes icoOrbit { to { transform: rotate(360deg); } }
        @keyframes icoGlowPulse { 0%,100%{opacity:.6} 50%{opacity:1} }
        @keyframes icoWiggle {
            0%,100%{transform:rotate(-8deg) scale(1)}
            25%{transform:rotate(8deg) scale(1.08)}
            50%{transform:rotate(-6deg) scale(1)}
            75%{transform:rotate(6deg) scale(1.05)}
        }
        @keyframes icoJump {
            0%,100%{transform:translateY(0) scale(1)}
            30%{transform:translateY(-18px) scale(1.1)}
            60%{transform:translateY(-8px) scale(1.05)}
        }
        @keyframes icoDance {
            0%,100%{transform:rotate(0deg) scale(1)}
            20%{transform:rotate(-15deg) scale(1.08)}
            40%{transform:rotate(15deg) scale(1.12)}
            60%{transform:rotate(-10deg) scale(1.06)}
            80%{transform:rotate(10deg) scale(1.1)}
        }
        @keyframes icoSpin {
            from{transform:rotate(0deg) scale(1.2)}
            to{transform:rotate(360deg) scale(1.2)}
        }
        /* Toast wide mode */
        #jepangToast.toast-wide {
            min-width:260px; gap:12px; padding:10px 20px 12px;
            align-items:center;
        }
        #jepangToast .toast-icon img { animation:icoWiggle 1.2s ease infinite; }