/* Shared emerald liquid glass across every Arena screen. */
#mobile-app{--arena-bg:#061b13;--arena-text:#e6f4eb;--arena-muted:#9cbdab;--arena-edge:#c1ead239;background:radial-gradient(ellipse at 0% 30%,#24674655,transparent 50%),radial-gradient(ellipse at 100% 70%,#24635844,transparent 50%),#061b13;color:var(--arena-text)}
#mobile-app .mobile-top{background:#061b13e6;color:#e6f4eb;border-color:#94c9a32e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#mobile-app #mobile-title,#mobile-app #mobile-title strong,#mobile-app .header-setra-logo{color:#f0faf3}#mobile-app .wordmark-arena,#mobile-app .header-demo{color:#a5e7ba}#mobile-app .header-demo{background:#b8e5c510;border-color:#b8e5c52e}#mobile-app .arena-inbox-bell,#mobile-app .corner-profile-avatar,#mobile-app #mobile-top-actions button{background:linear-gradient(135deg,#d8f9e31c,#9ad5b40d);color:#cfefdb;border:1px solid #c2e8cf45;box-shadow:inset 0 1px 0 #ffffff24}#mobile-app .arena-inbox-bell svg{color:#cfefdb}#mobile-app .mobile-bottom{background:linear-gradient(120deg,#507760ad,#15382bdf);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-color:#d1f1db5c;box-shadow:inset 0 1px 0 #ffffff35,0 8px 28px #00140b70}#mobile-app .mobile-bottom button{color:#b9dac5}#mobile-app .mobile-bottom button.active{color:#f0fff5;background:#d5f7de17;border-color:#d5f7de3f}
#mobile-app .mobile-view:not(#view-home){background:transparent;color:#e4f3e9}#mobile-app .desktop-page-heading h1,#mobile-app .desktop-page-heading>div>span{color:#e4f3e9}#mobile-app .desktop-page-heading p,#mobile-app .desktop-market-heading p,#mobile-app .desktop-market-note p{color:#96bba3}#mobile-app .desktop-heading-icon{background:#bbefcd0d;color:#a7dcb9;border-color:#bbefcd35}
#mobile-app :is(.pnl-heading,.history-overview,.account-stats,.mobile-position,.mobile-empty,.arena-ranking,.arena-local,.history-competition-context,.trading-competition-context,.arena-selection,.arena-selection select,.desktop-market,.archive-result,.arena-results-tabs,.period-control){background:linear-gradient(125deg,#ddfbe913,#87c4a10a);color:#d3eadb;border:1px solid var(--arena-edge);box-shadow:inset 0 1px 0 #ffffff2b,0 8px 24px #00140b18;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#mobile-app :is(.pnl-heading,.history-overview,.account-stats,.mobile-position,.mobile-empty,.arena-local,.archive-result){border-radius:20px}#mobile-app :is(.pnl-heading,.history-overview,.mobile-position,.mobile-empty,.arena-local,.history-competition-context,.trading-competition-context) :is(h2,h3,strong,b){color:#e4f5e9}#mobile-app :is(.pnl-heading,.history-overview,.mobile-empty,.arena-local,.history-competition-context,.trading-competition-context) :is(p,small,span){color:#a3c3af}#mobile-app .account-stats :is(span,small){color:#97bda5}#mobile-app .account-stats strong{color:#e4f5e9}#mobile-app .mobile-empty button{color:#143824;background:linear-gradient(110deg,#afeab7,#71d2a1,#63c5ba);border:1px solid #c1eccc;min-height:44px;border-radius:11px}#mobile-app .period-control button,#mobile-app .arena-results-tabs button{color:#aacdb6;background:transparent;border-color:transparent;min-height:42px}#mobile-app .period-control button.on,#mobile-app .arena-results-tabs button[aria-pressed=true]{background:#b4edc51c;color:#ddf7e5;border:1px solid #b4edc53a;box-shadow:inset 0 1px 0 #ffffff26}#mobile-app :is(.arena-selection,.arena-selection select){color:#d1ebdb}#mobile-app .arena-selection label{color:#a6c9b4}#mobile-app .arena-hero{background:linear-gradient(125deg,#205638,#153e2ff0);border:1px solid #bae4c837;box-shadow:inset 0 1px 0 #ffffff26}#mobile-app .arena-hero :is(h1,strong){color:#e6f5e9}#mobile-app .arena-hero :is(p,span){color:#afd1ba}#mobile-app .arena-heading h2,#mobile-app .arena-empty strong{color:#e2f1e6}#mobile-app .arena-heading span,#mobile-app .arena-empty p{color:#a1c3ad}#mobile-app .arena-preview-tag{background:#b9eac513;color:#b9dfc4}#mobile-app .arena-ranking-labels{background:#c8f1d30c;color:#a0c3ad;border-color:#b6dcc42b}#mobile-app .arena-ranking-row{border-color:#b6dcc426;color:#cce5d5}#mobile-app .arena-ranking-row.is-me{background:#a5e9b817}#mobile-app .arena-ranking-row small,#mobile-app .arena-ranking-row>b{color:#9ec9af}#mobile-app .arena-ranking-row>span{color:#d3eadb}#mobile-app .history-competition-icon,#mobile-app .trading-competition-icon{background:#b4edc515;color:#a8d8b8}#mobile-app .history-competition-context>b,#mobile-app .trading-competition-context>b{background:#a9eabd12;color:#c5edd2}#mobile-app :is(.positive,.green){color:#84dfa5!important}#mobile-app :is(.negative,.red){color:#ff8e98!important}#mobile-app select{color-scheme:dark}#mobile-app select option{background:#173b2a;color:#edf9f1}#mobile-app .timeframe-control{color:#a7cbb4}#mobile-app #mobile-timeframe{color:#d5eddf;background:#b4edc50d;border-color:#b4edc52f}
#mobile-app .mobile-dealing{background:#102f21;border-color:#c1e2cc2c}#mobile-app .mobile-dealing label,#mobile-app .mobile-dealing select{color:#badcc6}#mobile-app .mobile-dealing select{background:#c4edcf0c;border-color:#c4edcf38}#mobile-app .mobile-dealing [data-deal=buy]{background:#296c48;color:#f2fff6;border-color:#9fdfb44a}#mobile-app .mobile-dealing [data-deal=sell]{background:#9a414b;color:#fff1f3;border-color:#f4b1b94a}#mobile-app .mobile-dealing [data-deal] span{color:inherit}#mobile-app .trading-competition-context{border-radius:0;box-shadow:inset 0 1px 0 #ffffff17}#mobile-app :is(.chart-toolbar,.mobile-chart-tools,.chart-tools){background:transparent}#mobile-app .chart-tools button,#mobile-app .mobile-chart-tools button,#mobile-app [data-mobile=drawingtools],#mobile-app [data-mobile=indicators]{background:#1c432fdc;color:#d0e9d9;border:1px solid #b9dfc438;box-shadow:inset 0 1px 0 #ffffff26}#mobile-app .desktop-market-heading h2,#mobile-app .desktop-market-note strong{color:#d5efdd}#mobile-app #desktop-pairs button{color:#d2e9da;background:#ffffff03;border-color:#a4cbb329}#mobile-app #desktop-pairs button.selected{background:#a2deb51a;border-color:#8bcc9d55}#mobile-app #desktop-pairs small{color:#8fb49b}#mobile-app .desktop-market-note{border-color:#b4d4bf2d}
#mobile-app .order-draft-panel,#mobile-app .chart-order-draft,#mobile-app [class*=order-draft]{background:#163c2cf2;color:#d9efe0;border-color:#d4f3dd39;backdrop-filter:blur(18px)}#mobile-app .order-draft-panel strong,#mobile-app [class*=order-draft] strong{color:#e6f6eb}#mobile-app [class*=order-draft] :is(p,small){color:#9fc9ae}#mobile-app [class*=order-draft] input{background:#d2f3dc0b;color:#e3f5e9;border-color:#c2e5cc38;color-scheme:dark}#mobile-app [class*=order-draft] button[type=submit]{background:linear-gradient(110deg,#afeab7,#71d2a1,#63c5ba);color:#153b26}
body:has(#mobile-app) :is(#info-dialog,#order-dialog,#arena-profile-dialog,.competition-join-dialog,.arena-inbox-dialog){background:linear-gradient(135deg,#345d48ed,#12382aef)!important;color:#e2f3e8;border:1px solid #d7eedc66;box-shadow:inset 0 1px 0 #ffffff44,0 25px 70px #00140966;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}body:has(#mobile-app) dialog::backdrop{background:#03150e77;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}body:has(#mobile-app) :is(.dialog-title,.arena-inbox-dialog>header,.corner-profile-heading){background:#214934e6!important;color:#e2f3e8;border-color:#c3e4d02d}body:has(#mobile-app) :is(.dialog-close,.arena-inbox-dialog>header button,.corner-profile-heading button){color:#d8f1e1;background:#c5efd413;border-color:#c5efd43b}body:has(#mobile-app) :is(.arena-registration,.arena-policy,.pass-checkout,.arena-inbox-dialog,.competition-join-confirm){color:#d3eadb}body:has(#mobile-app) :is(.arena-registration,.arena-policy,.pass-checkout,.arena-inbox-dialog,.competition-join-confirm) :is(h2,h3,h4,strong){color:#e6f5eb}body:has(#mobile-app) :is(.arena-registration,.arena-policy,.arena-inbox-dialog,.competition-join-confirm) :is(p,small,label){color:#accfba}body:has(#mobile-app) :is(.arena-registration,.order-fields,#manage-form,.position-details) input,body:has(#mobile-app) .order-fields select{background:#e3f7e90b;color:#e3f5e8;border:1px solid #c5e6d13b;color-scheme:dark}body:has(#mobile-app) .arena-registration input[readonly]{background:#a6d8b80a;color:#a1bea9}body:has(#mobile-app) :is(.registration-primary,.join-confirm-yes,.modify-trade,.policy-done){background:linear-gradient(110deg,#afeab7,#71d2a1,#63c5ba);color:#143d27;border-color:#c1eccf}body:has(#mobile-app) .join-confirm-cancel{color:#cde9d7;background:#e4f9eb0b;border-color:#d5efdf32}body:has(#mobile-app) :is(.join-confirm-arena,.registration-intro,.registration-grid,.inbox-notice,.inbox-certificate,.receipt-details,.receipt-amount,.policy-help){background:#e0f8e90b;border-color:#c3e4d033;box-shadow:inset 0 1px 0 #ffffff18}body:has(#mobile-app) .inbox-notice.is-unread{background:#a6e8b516;border-left-color:#a0deae}body:has(#mobile-app) :is(.inbox-tabs,.inbox-empty p,.inbox-notice p,.inbox-certificate p,.receipt-footnote){color:#a5c7b0}body:has(#mobile-app) :is(.arena-policy a,.inbox-notice button){color:#c1efd0}body:has(#mobile-app) .receipt-amount>strong{color:#e0f6c8}body:has(#mobile-app) :is(.receipt-success-note,.receipt-details dt,.receipt-eyebrow){color:#9cc5ab}body:has(#mobile-app) .receipt-details dd{color:#d6ecdf}body:has(#mobile-app) .receipt-continue{background:#d5f1e00f;color:#d5efdf;border-color:#d5efdf35}body:has(#mobile-app) :is(.position-details,.manage-section-title,.order-fields label){color:#c8e5d2}body:has(#mobile-app) :is(.order-note,.order-fields>p){color:#9ebfa9}body:has(#mobile-app) .arena-registration :is(.registration-save-note,.registration-note){color:#a5c9b1}#mobile-app :is(.archive-date-control,.archive-date-control select){background:#b9e5c60b;color:#c7e4d2;border-color:#b9e5c62c}
@media(prefers-reduced-transparency:reduce){#mobile-app :is(.pnl-heading,.history-overview,.account-stats,.mobile-position,.mobile-empty,.arena-ranking,.arena-local,.desktop-market){background:#183b29;backdrop-filter:none}body:has(#mobile-app) :is(#info-dialog,#order-dialog,.competition-join-dialog,.arena-inbox-dialog){background:#183b29!important;backdrop-filter:none}}
#mobile-app #account-stats{background:linear-gradient(125deg,#ddfbe913,#87c4a10a)!important;border:1px solid #c1ead239!important;box-shadow:inset 0 1px 0 #ffffff2b}#mobile-app #account-stats strong{color:#e4f5e9!important}#mobile-app #account-stats :is(span,small){color:#97bda5!important}#mobile-app .arena-selection{background:transparent;border:0;box-shadow:none;backdrop-filter:none}#mobile-app .arena-select-wrap{border-radius:16px;background:#c3e9d00b;border:1px solid #c1ead239;box-shadow:inset 0 1px 0 #ffffff2b}#mobile-app #arena-select{background:transparent!important;color:#d1ebdb!important;border-color:transparent!important;box-shadow:none}#mobile-app .arena-select-wrap:after{color:#b0d5bc;background:#a4d6b616}body:has(#mobile-app) .arena-inbox-dialog>nav button{color:#b4d7c1!important;background:#d9f2e20a!important;border:1px solid #c6e7d235}body:has(#mobile-app) .arena-inbox-dialog>nav button[aria-pressed=true]{background:#b2e5c422!important;color:#f0fff5!important;border-color:#c6e7d25e}body:has(#mobile-app) .arena-inbox-toolbar{color:#a5c7b0}#mobile-app .trading-competition-context{border-radius:0!important}#mobile-app .arena-local>strong{font-size:17px}
#mobile-app button:is([aria-label="Alat gambar"],[aria-label="Indikator chart"]){background:#1c432fe8!important;color:#d0e9d9!important;border-color:#b9dfc438!important;box-shadow:inset 0 1px 0 #ffffff26}#mobile-app #order-draft{background:linear-gradient(130deg,#28523ef2,#143e2ef5)!important;color:#d9efe0;border:1px solid #d4f3dd39;box-shadow:inset 0 1px 0 #ffffff33;backdrop-filter:blur(18px)}#mobile-app #draft-title{color:#e6f6eb}#mobile-app #order-draft>p{color:#a1c9b1}#mobile-app #draft-cancel{color:#c4e2cf}#mobile-app #order-draft input{background:#d2f3dc0b;color:#e3f5e9;border-color:#c2e5cc38;color-scheme:dark}#mobile-app #draft-place{background:linear-gradient(110deg,#afeab7,#71d2a1,#63c5ba);color:#153b26}#mobile-app #draft-place.draft-sell{background:linear-gradient(110deg,#a84f58,#8b3643);color:#fff0f3}#mobile-app #view-trade .trading-competition-context{border-radius:16px!important}body:has(#mobile-app) #info-dialog .sheet-list>button{background:#c7e7d30a;color:#d1ebda;border-color:#b2d8c12b}body:has(#mobile-app) #info-dialog .sheet-list>button span{color:#a3cbb2}body:has(#mobile-app) .arena-registration button:not(.registration-primary){background:#d0f2dc10;color:#c5e7d0;border-color:#c5e7d035}body:has(#mobile-app) .receipt-amount>span{background:#bbebca10;color:#acd2b9}body:has(#mobile-app) .receipt-success-icon{background:linear-gradient(130deg,#438d66,#1d5b3f);color:#fff}

/* Readable type over glass: secondary copy must not fade into the artwork. */
#view-home :is(.poster-top small,.hero-copy .eyebrow,.poster-date,.hero-copy>p,.poster-prize>small,.poster-prize-detail,.poster-bottom span){font-size:11px!important;line-height:1.6;letter-spacing:.8px;color:#d0e9d9;opacity:1}
#view-home .hero-copy .eyebrow{letter-spacing:.6px}#view-home .poster-prize-detail{letter-spacing:0}#view-home .poster-bottom{flex-wrap:wrap;gap:10px}#view-home .hero-copy>p{color:#d0e9d9;letter-spacing:1px}#view-home .hero-copy{background:linear-gradient(transparent,#041a1080);border-radius:16px}
#view-home :is(.entry-panel small,.entry-panel .arena-pass-top>span,.entry-panel .pass-required,.home-competition-heading>span,.monthly-prize span,.monthly-prize>small,.daily-access-note,.daily-access-note strong,.guide-video-label,.arena-eyebrow,.tutorial-location,.tournament-award span,.tournament-award small,.footer-organizer-id){font-size:12px!important;line-height:1.6;color:#bcd9c7;opacity:1}
#view-home :is(.entry-panel>p,.tournament-results p,.arena-footer p,.arena-footer small,.arena-footer a,.arena-tutorial-card p){font-size:13px;line-height:1.7;color:#bcd9c7;opacity:1}#view-home .entry-panel .pass-benefits{gap:8px}#view-home .entry-panel .pass-benefits small{white-space:normal}
#view-home .arena-filters button{font-size:12px;color:#c7dfd0;min-height:40px}
#mobile-app #view-home :is(.competition-number,.home-arena-choice,.competition-regulation-label,.competition-prize small,.competition-session small,.arena-card-summary){font-size:12px!important;line-height:1.55;color:#c1decb!important;opacity:1!important;letter-spacing:0}
#mobile-app #view-home .competition-card-main .home-arena-info>small{font-size:13px;color:#c1decb;opacity:1}#mobile-app #view-home .competition-session b{font-size:14px;color:#edf9f1;letter-spacing:.6px}#view-home .competition-card-top{flex-wrap:wrap;gap:8px}#view-home .competition-regulation-label{white-space:normal;max-width:100%}#view-home .competition-duration{min-width:0}#view-home .competition-prize{gap:12px;flex-wrap:wrap}#view-home .competition-session{flex-wrap:wrap;gap:6px}
#view-home .competition-preview-dialog{background:linear-gradient(135deg,#254c39ed,#123123f2)!important}#view-home .competition-preview-card :is(.arena-card-rule,.arena-card-metrics small,.arena-card-rule-note){font-size:13px;line-height:1.65;color:#c1decb!important;opacity:1}#view-home .competition-preview-header small{font-size:12px;color:#c1decb}
#mobile-app :is(.history-competition-context,.trading-competition-context) small{font-size:12px;line-height:1.5}#mobile-app :is(.arena-ranking-labels,.arena-ranking-row small,.arena-local small,.account-stats span,.account-stats small,.period-control button,.arena-results-tabs button){font-size:13px;line-height:1.5}#mobile-app .mobile-bottom button{font-size:12px}#mobile-app input::placeholder,body:has(#mobile-app) dialog input::placeholder{color:#b3cfbd;opacity:1}body:has(#mobile-app) dialog :is(input,select){font-size:16px}body:has(#mobile-app) dialog :is(.receipt-footnote,.receipt-details dt,.receipt-eyebrow,.registration-note,.registration-save-note,.inbox-notice small,.arena-inbox-toolbar){font-size:12px;line-height:1.6;color:#c0dccb}body:has(#mobile-app) dialog :is(input,select,button):focus-visible,#mobile-app :is(a,button,input,select):focus-visible{outline:2px solid #c2f5d3;outline-offset:3px}
@media(max-width:399px){#view-home .tournament-poster{min-height:490px}#view-home .poster-top small{letter-spacing:1px}#view-home .card-prize strong{font-size:22px}#view-home .entry-panel .pass-benefits b{font-size:16px}}
#mobile-app :is(.arena-date span,.arena-eyebrow,.arena-selection label,.arena-heading>span,.arena-preview-tag,.history-competition-context p,.history-competition-context>b,.trading-competition-context p,.trading-competition-context>b){font-size:12px;color:#bddbc8;line-height:1.5}#mobile-app .mobile-dealing label{font-size:12px;color:#c4dfce;opacity:1}#mobile-app #arena-select:disabled{opacity:1;-webkit-text-fill-color:#d1ebdb}#mobile-app #arena-select{font-size:14px}#mobile-app .mobile-bottom button>span{font-size:12px}
@media(max-width:399px){#view-home .entry-panel .pass-benefits{grid-template-columns:repeat(3,minmax(0,1fr))}#view-home .entry-panel .pass-benefits small{font-size:11px!important}#view-home .home-competition-heading{align-items:flex-start;gap:10px}#view-home .home-competition-heading>span{white-space:normal;text-align:right}}
#view-home .competition-preview-close{font-size:26px;color:#edf9f1!important;background:#b8e9cb12;border:1px solid #cce8d65c;opacity:1}#view-home .competition-preview-card .competition-prize small{display:block!important}#view-home .competition-preview-card .competition-session{width:100%}#view-home .competition-preview-card .competition-duration{color:#d4e9dc!important}
#mobile-app #view-home #cloud-status{color:#bddbc8!important;opacity:1;font-size:12px}#view-home .arena-footer :is(.arena-footer-links a,.arena-footer-registration span,.arena-footer-copyright){font-size:12px;color:#bcd9c7;line-height:1.6}
#mobile-app #view-home .home-arena-card:disabled{opacity:1!important;cursor:default}#view-home .home-arena-card:disabled .home-arena-choice{background:#c8e5d40c;border:1px dashed #c8e5d44d}#mobile-app #view-home .competition-prize>span:first-child{text-align:left}#mobile-app #view-home .competition-prize>span>small svg{display:inline-block;vertical-align:-2px;margin-right:4px;width:14px;height:14px}
/* Arena access gate also needs dark-theme text, including its own light-theme overrides. */
body:has(#mobile-app) #info-dialog:has(.arena-access-gate) .dialog-title{color:#edf9f1;background:#214934!important}body:has(#mobile-app) #info-dialog:has(.arena-access-gate) .dialog-close{color:#edf9f1;background:#c5efd413;border-color:#c5efd45c;font-size:26px;opacity:1}
body:has(#mobile-app) #info-dialog .arena-access-gate{color:#edf9f1}body:has(#mobile-app) #info-dialog .arena-access-gate h2{color:#edf9f1}body:has(#mobile-app) #info-dialog .access-gate-eyebrow{color:#b9e3c9;font-size:12px;line-height:1.6}body:has(#mobile-app) #info-dialog .arena-access-gate p{color:#d0e7d8;font-size:14px;line-height:1.7}body:has(#mobile-app) #info-dialog .access-gate-features{color:#c7e7d3;font-size:14px}body:has(#mobile-app) #info-dialog .access-gate-note{color:#c0dccb;font-size:12px;line-height:1.7}
body:has(#mobile-app) #info-dialog .access-gate-plan{background:linear-gradient(135deg,#c5efd41a,#b0ddc20b);border-color:#c5efd44d;box-shadow:inset 0 1px 0 #ffffff33}body:has(#mobile-app) #info-dialog .access-gate-plan strong{color:#f0fff5}body:has(#mobile-app) #info-dialog .access-gate-plan :is(span,small){color:#cce9d6;font-size:12px;line-height:1.6}body:has(#mobile-app) #info-dialog #arena-access-primary{background:linear-gradient(110deg,#afeab7,#71d2a1,#63c5ba);color:#103423;border:1px solid #c1eccf}body:has(#mobile-app) #info-dialog #arena-access-back{color:#d9f0e2;background:transparent}body:has(#mobile-app) #info-dialog .access-gate-badge{color:#173e2a;background:#f3fff7}
/* No white edge highlights around the header or introduction video. */
#mobile-app .mobile-top,#mobile-app #view-home .home-intro-video{border:0!important;box-shadow:none!important}
/* Keep Arena Pass clean: glass shading replaces bright outline and divider lines. */
#mobile-app #view-home .entry-panel,#mobile-app #view-home .entry-panel :is(.pass-required,.pass-benefits,.pass-benefits>*,.pass-status,.arena-pass-price>span,.pass-activate){border:0!important;box-shadow:none!important}
/* Registration and activation form use the same readable emerald glass palette. */
body:has(#mobile-app) #info-dialog:has(.arena-registration) #info-body{background:transparent}body:has(#mobile-app) #info-dialog .arena-registration{color:#e6f5eb;padding:24px}body:has(#mobile-app) #info-dialog .registration-intro{background:transparent;border:0;box-shadow:none}body:has(#mobile-app) #info-dialog .registration-grid{background:transparent;border:0;box-shadow:none;backdrop-filter:none;gap:16px}body:has(#mobile-app) #info-dialog .arena-registration :is(input:not([type=checkbox]),select){background:#102e23;color:#edf9f1;border:1px solid #a9d6ba52;box-shadow:none;font-size:16px;min-height:50px;color-scheme:dark}body:has(#mobile-app) #info-dialog .arena-registration select option{background:#15392a;color:#edf9f1}body:has(#mobile-app) #info-dialog .arena-registration :is(input,select):disabled{background:#193b2c;color:#adc9b8;opacity:1;-webkit-text-fill-color:#adc9b8}body:has(#mobile-app) #info-dialog .arena-registration input[readonly]{background:#193b2c;color:#c0d8c9}body:has(#mobile-app) #info-dialog .arena-registration :is(input,select):focus{background:#153c2b;border-color:#95d7af;outline:2px solid #95d7af;outline-offset:2px}
body:has(#mobile-app) #info-dialog .registration-consent{display:flex;align-items:flex-start;gap:12px;background:#102e2380;border:0;box-shadow:none;padding:16px;border-radius:12px;color:#d8efdf!important}body:has(#mobile-app) #info-dialog .registration-consent span{color:#d8efdf;font-size:13px;line-height:1.7}body:has(#mobile-app) #info-dialog .registration-consent input{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:2px 0 0;accent-color:#88dfac;color-scheme:dark}body:has(#mobile-app) #info-dialog .registration-steps li{background:#102e2366;border:0;color:#bed9c8}body:has(#mobile-app) #info-dialog .registration-steps li.is-current{background:#a3e4bc1f;color:#effbf3}body:has(#mobile-app) #info-dialog .registration-steps li.is-complete{background:#78d5a31a;color:#b9eccb}
body:has(#mobile-app) #info-dialog .arena-registration :is(.registration-section small,.registration-field-note,#whatsapp-verification-note,.payment-checkout-note,.payment-total small,.payment-pass-metrics small){color:#bed9c8;font-size:12px;line-height:1.6}body:has(#mobile-app) #info-dialog #registration-message{background:#102e2380;color:#cbe5d5;border:0;border-radius:12px}body:has(#mobile-app) #info-dialog #registration-message.is-error{background:#64313b;color:#ffe0e5}body:has(#mobile-app) #info-dialog .arena-registration .registration-primary,body:has(#mobile-app) #info-dialog #arena-verify-otp{background:linear-gradient(110deg,#afeab7,#71d2a1,#63c5ba);color:#103423;border:0;box-shadow:none}body:has(#mobile-app) #info-dialog .arena-registration button:disabled{background:#284b39;color:#b5cdbd;opacity:1;box-shadow:none}body:has(#mobile-app) #info-dialog .registration-whatsapp-row{gap:10px}body:has(#mobile-app) #info-dialog .registration-whatsapp-row input{min-width:0}body:has(#mobile-app) #info-dialog .registration-whatsapp-row button{flex-shrink:0;min-height:50px}
body:has(#mobile-app) #info-dialog .payment-ready{background:#a1dfb719;color:#d3efdd}body:has(#mobile-app) #info-dialog .registration-back{color:#c7eed5!important}body:has(#mobile-app) #info-dialog :is(.payment-pass-metrics,.payment-checkout-area,.registration-pass-features){background:transparent;color:#d1e8da;border-color:#a5d6b52e;box-shadow:none}body:has(#mobile-app) #info-dialog .payment-total{color:#d8eedf}body:has(#mobile-app) #info-dialog .payment-total b{color:#effbf3}
@media(max-width:420px){body:has(#mobile-app) #info-dialog .arena-registration{padding:20px 18px}body:has(#mobile-app) #info-dialog .registration-grid{grid-template-columns:1fr}body:has(#mobile-app) #info-dialog .registration-field-note{float:none;display:block;margin-top:4px}body:has(#mobile-app) #info-dialog .registration-steps li{padding:10px 8px;font-size:12px}}
/* Payment summary keeps the emerald glass theme over the Arena Pass artwork. */
body:has(#mobile-app) #info-dialog .registration-payment>.payment-pass-card{background:#0c2c20;border:0;box-shadow:none}body:has(#mobile-app) #info-dialog .payment-pass-card>img{filter:brightness(.72);opacity:.8}body:has(#mobile-app) #info-dialog .payment-pass-card:after{background:linear-gradient(90deg,#09271cf5,#09271ce8 43%,#09271c55)}body:has(#mobile-app) #info-dialog .payment-pass-card .arena-eyebrow{color:#b9e3c9;font-size:12px}body:has(#mobile-app) #info-dialog .payment-pass-card h2{color:#edf9f1}body:has(#mobile-app) #info-dialog .payment-pass-price strong{color:#effff4}body:has(#mobile-app) #info-dialog .payment-pass-price>span{background:#b9e5ca15;color:#d3eddd}body:has(#mobile-app) #info-dialog .payment-pass-card p{color:#c9e7d5;font-size:13px;line-height:1.6}body:has(#mobile-app) #info-dialog .payment-pass-metrics b{color:#e7f7ed;font-size:16px}body:has(#mobile-app) #info-dialog .payment-pass-metrics>span{border:0;padding:0 5px}body:has(#mobile-app) #info-dialog .registration-steps{border:0;box-shadow:none}body:has(#mobile-app) #info-dialog .payment-ready>span>span{background:#92dfb0;color:#103423}body:has(#mobile-app) #info-dialog .registration-pass-features li:before{color:#95e3b3}body:has(#mobile-app) #info-dialog .payment-checkout-area,body:has(#mobile-app) #info-dialog .registration-pass-features{border:0}
body:has(#mobile-app) #arena-receipt-continue{background:linear-gradient(110deg,#afeab7,#71d2a1,#63c5ba);color:#103423;border:0;margin-bottom:12px}
/* TEMP-XENDIT: gaya blok "Tentang", kontak footer. Lihat docs/arena-access-akses-publik-sementara.md */
#view-home .home-about{margin:18px 0 6px;padding:18px 20px;border:1px solid var(--arena-edge);border-radius:14px;background:rgba(255,255,255,.03)}
#view-home .home-about h2{margin:0 0 10px;font-size:16px;line-height:1.4;color:var(--arena-text)}
#view-home .home-about ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
#view-home .home-about li{font-size:13px;line-height:1.65;color:var(--arena-muted)}
#view-home .home-about strong{color:var(--arena-text);font-weight:700}
#view-home .home-about a{color:var(--arena-text)}
#view-home .arena-footer .arena-footer-contact{margin-top:14px;padding-top:14px;border-top:1px solid var(--arena-edge);text-align:center;font-size:12.5px;line-height:1.7;color:var(--arena-muted)}
#view-home .arena-footer .arena-footer-contact[hidden]{display:none}
#view-home .arena-footer .arena-footer-contact dl{margin:6px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px}
#view-home .arena-footer .arena-footer-contact dl>div{display:flex;gap:6px}
#view-home .arena-footer .arena-footer-contact dt{font-weight:700;color:var(--arena-text)}
#view-home .arena-footer .arena-footer-contact dd{margin:0}
#view-home .arena-footer .arena-footer-contact a{display:inline;min-height:0;padding:0;margin:0;border:0;background:none;box-shadow:none;color:inherit;text-decoration:underline;text-underline-offset:3px}