Akses seluruh game interaktif champions
hanya dengan mengisi form ini!
Manakah District jagoanmu?
Pilih District jagoanmu..
PERHATIAN! District hanya bisa dipilih SATU KALI.
Perolehan Starchamps-mu akan diakumulasi untuk District tersebut
Jenjang kamu saat ini
Pilih jenjang...
Provinsi sekolah kamu
Pilih provinsi sekolah...
Kota/Kabupaten sekolah kamu
Pilih kota/kabupaten...
Sekolah kamu saat ini
Pilih sekolah...
*) Info sekolahmu untuk berkompetisi di Leaderboard
<!doctype html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<meta name="author" content="Ruangguru Tech Team" />
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<meta name="description" content="Yuk nonton game show Indonesia Academy of Champions 2025 di aplikasi Ruangguru. Menangkan hadiahnya & klaim diskon belajar sekarang!" />
<title>Academy of Champions 2025: Jadwal, Episode & Sinopsis</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta property="og:description" content="Yuk nonton game show Indonesia Academy of Champions 2025 di aplikasi Ruangguru. Menangkan hadiahnya & klaim diskon belajar sekarang!" />
<meta property="og:title" content="Academy of Champions 2025" />
<meta name="twitter:description" content="Yuk nonton game show Indonesia Academy of Champions 2025 di aplikasi Ruangguru. Menangkan hadiahnya & klaim diskon belajar sekarang!" />
<meta name="twitter:title" content="Academy of Champions 2025: Jadwal, Episode & Sinopsis" />
<link rel="canonical" href="https://www.ruangguru.com/event/academy-of-champions" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="350" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/1%20New%20Icon/rg.png#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/event/academy-of-champions" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="Content-Language" content="id" />
<meta name="robots" content="noindex, follow" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/39227318886/1661845607410/module_39227318886_header-homepage-ruangguru-2021.min.css"
/>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&family=Nunito:wght@100;200;300;400;500;600;700&family=Source+Sans+Pro:wght@100;200;300;400;500;600;700&display=swap');
.page-center {
float: none !important;
margin: 0 auto !important;
width: 100% !important;
}
body {
margin: 0;
background: #000;
color: #fff;
-ms-overflow-style: none;
}
html {
scrollbar-width: none;
}
a,
a:hover,
a:visited {
text-decoration: none !important;
color: inherit;
}
.display-none {
display: none !important;
}
.cta {
border-radius: var(--size-radius-rad-full, 0px);
background: var(--prop-action-primary-primary-default, #ac2a2c);
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
border: 0px solid #ffffff;
padding: 0.75rem 2.5rem;
display: flex;
justify-content: center;
}
.secondary-cta {
display: flex;
height: 44px;
padding: 0.3rem 2.5rem;
justify-content: center;
align-items: center;
border-radius: 0px;
border: 1px solid var(--prop-action-secondary-secondary-default-border, #cfd3db);
background: var(--prop-action-secondary-secondary-default, #fff);
color: var(--color-text-text-invert, #fff);
text-align: center;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
cursor: pointer;
color: var(--color-text-text-ink, #2c313a);
}
.submit-game-form-loader {
border: 4px solid #f3f3f3; /* Light grey */
border-top: 4px solid #3498db; /* Blue */
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Fullscreen styles */
.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 99999;
}
.modal-content {
background: transparent !important;
border: none !important;
border-radius: 1rem;
margin: auto;
padding: 0;
border-radius: 1rem;
transform: translateY(-50%);
}
.modal-overlay {
background: rgba(28, 32, 57, 0.8);
height: 100%;
left: 0;
overflow: auto;
position: fixed;
top: 0;
transition: opacity 0.5s ease-out;
width: 100%;
z-index: 101;
}
.modal-content > * + * {
padding: 1rem;
max-height: 400px;
overflow: scroll;
margin-top: 0.75rem;
}
@media (min-width: 768px) {
.modal-content {
top: 50%;
width: fit-content;
}
}
@media (max-width: 767px) {
.modal-content {
border-radius: 1rem 1rem 0 0;
justify-content: center;
overflow-y: auto;
padding: 1rem 0;
position: fixed;
width: 100%;
height: 80vh;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.container-content_form {
width: unset !important;
margin: auto;
padding: 16px;
}
.container-modal_form_content {
min-width: unset !important;
width: 100% !important;
}
}
.section-game {
position: relative;
}
.container-modal_form_content {
width: fit-content;
height: fit-content;
background: #fff;
margin: auto;
padding: 16px;
border-radius: 12px;
}
.modal-header {
margin-top: 2rem;
background: #003d40;
border: none;
}
.container-warning-form {
background: #f5ebdc;
border: none;
padding: 16px;
}
.container-button-modal {
display: flex;
justify-content: space-between;
align-items: center;
}
.section-form-game .header {
color: var(--color-text-text-invert, #fff);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 22px;
letter-spacing: -0.09px;
padding: 1rem;
}
.form-header {
color: var(--color-text-text-invert, #2c313a);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 22px; /* 122.222% */
letter-spacing: -0.09px;
margin: 1rem 0 1rem;
}
.adaptox-game {
width: 100%;
height: 80vh;
border: none;
cursor: pointer;
overflow: auto;
-webkit-overflow-scrolling: touch; /* Untuk pengalaman scrolling yang lebih halus di perangkat iOS */
}
#adaptox-game-container {
width: 100%;
}
.image-button {
border: none;
background: none;
}
.container-game_play {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.fullscreen-button {
position: absolute;
bottom: 1.5rem;
right: 1rem;
}
.game-label {
color: var(--color-text-text-invert, #333331);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
}
.wrapper-game_header {
display: flex;
align-items: center;
gap: 4px;
}
.game-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 12px;
background: #f5ebdc;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3000;
}
.section-form-game {
background: #f5ebdc;
padding: 0.1rem 0 2rem;
min-height: 100vh;
}
.form-label {
color: #2c313a;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 4px;
margin: 0;
}
.warning-label {
color: #2c313a;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 4px;
margin-bottom: 1rem;
margin-top: 0.5rem;
}
.input-value {
overflow: hidden;
color: var(--color-text-text-subtle, #e8ecf4);
text-overflow: ellipsis;
white-space: nowrap;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0;
}
.filter-input {
display: flex;
height: 56px;
padding: 12px;
align-items: center;
gap: 8px;
border-radius: 12px;
border: 1px solid #99521b;
background: #794a40e5;
justify-content: space-between;
cursor: pointer;
}
.container-content_form {
width: 528px;
margin: auto;
}
.wrapper-form_item {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 2rem;
}
.form-title {
overflow: hidden;
color: var(--color-text-text-ink, #2c313a);
text-overflow: ellipsis;
white-space: nowrap;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 150% */
letter-spacing: -0.1px;
margin: 0;
}
.modal-form-header {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 1rem;
}
.input-options {
color: var(--color-text-text-ink, #2c313a);
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin: 0;
padding: 8px 0 0;
cursor: pointer;
}
.input-options:hover {
font-weight: 700;
}
.container-modal_form_content {
min-width: 448px;
}
.close-icon {
cursor: pointer;
}
.form-option_list {
max-height: 180px;
overflow-y: auto;
}
.filter-wrapper {
position: relative;
padding-bottom: 0.5rem;
}
.filter-element {
position: absolute;
top: 0.6rem;
left: 0.7rem;
}
.form-filter-input {
width: 100%;
min-width: 0px;
outline: 0px;
position: relative;
appearance: none;
transition: all 0.2s ease 0s;
font-size: 16px;
padding-left: 40px;
padding-right: 1rem;
height: 46px;
border-radius: 12px;
border-width: 1px;
border-style: solid;
border-image: initial;
border-color: inherit;
background: inherit;
}
#submit-game-form {
width: 100%;
}
.cta.disabled {
border: 0px solid #ffffff;
cursor: default;
background: #d37e7f;
}
.modal-copy-url .container-modal_content {
background: #f5ebdc;
padding: 16px;
border-radius: 16px;
width: 240px;
margin: auto;
}
.modal-copy-url .modal-header {
margin-top: 0;
padding: 0;
display: flex;
justify-content: flex-end;
background: none;
}
.copy-url-info {
margin: 0;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fade-out {
animation: fadeOut 3s forwards;
}
@media (max-width: 767px) {
.container-game_play {
height: 80vh;
}
}
.alert-text {
color: #e52a34;
font-weight: bold;
}
#check-score-link {
display: flex;
position: fixed;
bottom: 1.5rem;
left: 50%;
transform: translateX(-50%);
padding: 8px 28px;
background-color: #ac2a2c;
color: white;
text-decoration: none;
text-align: center;
border: 0.6px solid white;
opacity: 0;
visibility: hidden;
transition:
opacity 0.5s ease-in-out,
visibility 0.5s ease-in-out;
}
#check-score-link.show {
opacity: 1;
visibility: visible;
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/event/aoc/fans-challenge/adaptox/play/assets/index-DPBBalBS.js"></script>
</head>
<body>
<section class="section-game display-none">
<div class="page-center">
<div class="game-header">
<div class="wrapper-game_header">
<a href="https://cta.ruangguru.com/lp-aoc-game-play-back-button" target="_self">
<button class="image-button">
<img width="32" height="32" class="back-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/79837c77-55f0-4b81-bf92-b968cb01d120.svg" />
</button>
</a>
<p class="game-label">Academy of Champions</p>
</div>
<button class="image-button">
<img width="32" height="32" class="share-button" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/f7779bdc-336f-46cc-8736-63aaf4261865.svg" />
</button>
</div>
<div class="container-game_play">
<div id="adaptox-game-container"></div>
<button id="fullscreen-button" class="image-button fullscreen-button">
<img width="38" height="24" class="fullscreen-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/def44a07-ccb5-46b3-8b55-813b761aa20c.svg" />
</button>
<a href="" id="check-score-link">Lihat peringkatmu</a>
</div>
</div>
</section>
<section class="section-form-game display-none">
<div class="page-center">
<div class="container-form_game">
<div class="header">
<div class="wrapper-header_label">
<img width="32" height="32" class="close-form" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/673001a5-f533-4696-8db8-b446edc03fc1.svg" />
</div>
</div>
<div class="container-content_form">
<p class="form-header">
Akses seluruh game interaktif champions
<br />
hanya dengan mengisi form ini!
</p>
<div class="wrapper-form_item district-label">
<p class="form-label">Manakah District jagoanmu?</p>
<div id="district-input" class="filter-input">
<p class="input-value" id="district-value">Pilih District jagoanmu..</p>
<img class="drop-down-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4c8d47f2-b272-4696-bb25-0f120c69e645.svg" />
</div>
<p class="form-label">
<b class="alert-text">PERHATIAN! District hanya bisa dipilih SATU KALI.</b>
Perolehan Starchamps-mu akan diakumulasi untuk District tersebut
</p>
</div>
<div class="wrapper-form_item grade-label">
<p class="form-label">Jenjang kamu saat ini</p>
<div id="grade-input" class="filter-input">
<p class="input-value" id="grade-value">Pilih jenjang...</p>
<img class="drop-down-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4c8d47f2-b272-4696-bb25-0f120c69e645.svg" />
</div>
</div>
<div class="wrapper-form_item province-label display-none">
<p class="form-label">Provinsi sekolah kamu</p>
<div id="province-input" class="filter-input">
<p class="input-value" id="province-value">Pilih provinsi sekolah...</p>
<img class="drop-down-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4c8d47f2-b272-4696-bb25-0f120c69e645.svg" />
</div>
</div>
<div class="wrapper-form_item city-label display-none">
<p class="form-label">Kota/Kabupaten sekolah kamu</p>
<div id="city-input" class="filter-input">
<p class="input-value" id="city-value">Pilih kota/kabupaten...</p>
<img class="drop-down-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4c8d47f2-b272-4696-bb25-0f120c69e645.svg" />
</div>
</div>
<div class="wrapper-form_item school-label display-none">
<p class="form-label">Sekolah kamu saat ini</p>
<div id="school-input" class="filter-input">
<p class="input-value" id="school-value">Pilih sekolah...</p>
<img class="drop-down-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/4c8d47f2-b272-4696-bb25-0f120c69e645.svg" />
</div>
<p class="form-info form-label">*) Info sekolahmu untuk berkompetisi di Leaderboard</p>
</div>
<button id="submit-game-form" class="cta disabled">
<div id="submit-loader" class="submit-game-form-loader display-none"></div>
<span id="submit-content" class="submit-game-form-content">Mulai Bermain</span>
</button>
</div>
</div>
</div>
</section>
<!-- MODAL -->
<div class="modal-overlay modal-form-grade display-none">
<div class="modal-content">
<div class="container-modal_form_content">
<div class="modal-form-header">
<p class="form-title">Jenjang kamu saat ini</p>
<img class="close-icon" width="24" height="24" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/23fc8e38-c945-4381-920d-953ba6bc9403.svg" />
</div>
<div class="grade-option_list">
<div class="grade-option input-options" data-value="SD">SD</div>
<div class="grade-option input-options" data-value="SMP">SMP</div>
<div class="grade-option input-options" data-value="10-11 SMA">10-11 SMA</div>
<div class="grade-option input-options" data-value="12 SMA & Gap Year">12 SMA & Gap Year</div>
<div class="grade-option input-options" data-value="Mahasiswa/Umum">Mahasiswa/Umum</div>
<div class="grade-option input-options" data-value="Orangtua">Orangtua</div>
</div>
</div>
</div>
</div>
<div class="modal-overlay modal-form-province display-none">
<div class="modal-content">
<div class="container-modal_form_content">
<div class="modal-form-header">
<p class="form-title">Provinsi sekolah kamu</p>
<img class="close-icon" width="24" height="24" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/23fc8e38-c945-4381-920d-953ba6bc9403.svg" />
</div>
<div class="filter-wrapper">
<div class="filter-element">
<img class="search-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a3200637-5647-451a-9a91-173eece8c1b3.svg" alt="icon-search" />
</div>
<input id="province-filter-input" placeholder="Cari Provinsi Sekolahmu" class="form-filter-input" />
</div>
<div class="province-option_list form-option_list"></div>
</div>
</div>
</div>
<div class="modal-overlay modal-form-city display-none">
<div class="modal-content">
<div class="container-modal_form_content">
<div class="modal-form-header">
<p class="form-title">Kota/Kabupaten sekolah kamu</p>
<img class="close-icon" width="24" height="24" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/23fc8e38-c945-4381-920d-953ba6bc9403.svg" />
</div>
<div class="filter-wrapper">
<div class="filter-element">
<img class="search-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a3200637-5647-451a-9a91-173eece8c1b3.svg" alt="icon-search" />
</div>
<input id="city-filter-input" placeholder="Cari kota/kabupaten sekolahmu" class="form-filter-input" />
</div>
<div class="city-option_list form-option_list"></div>
</div>
</div>
</div>
<div class="modal-overlay modal-form-school display-none">
<div class="modal-content">
<div class="container-modal_form_content">
<div class="modal-form-header">
<p class="form-title">Sekolah kamu saat ini</p>
<img class="close-icon" width="24" height="24" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/23fc8e38-c945-4381-920d-953ba6bc9403.svg" />
</div>
<div class="filter-wrapper">
<div class="filter-element">
<img class="search-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/a3200637-5647-451a-9a91-173eece8c1b3.svg" alt="icon-search" />
</div>
<input id="school-filter-input" placeholder="Cari sekolahmu saat ini.." class="form-filter-input" />
</div>
<div class="school-option_list form-option_list"></div>
<div class="school-option input-options" data-value="lainnya">Lainnya</div>
</div>
</div>
</div>
<div class="modal-overlay modal-form-district display-none">
<div class="modal-content">
<div class="container-modal_form_content">
<div class="modal-form-header">
<p class="form-title">Manakah District jagoanmu?</p>
<img class="close-icon" width="24" height="24" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/23fc8e38-c945-4381-920d-953ba6bc9403.svg" />
</div>
<div class="district-option_list"></div>
</div>
</div>
</div>
<div class="modal-overlay modal-copy-url display-none">
<div class="modal-content">
<div class="container-modal_content">
<div class="modal-header">
<img width="24" height="24" class="close-icon" src="https://cdn-web-2.ruangguru.com/landing-pages/assets/3ce34412-1967-4b26-a193-cc38212bc9eb.svg" />
</div>
<p class="copy-url-info">Link berhasil disalin!</p>
</div>
</div>
</div>
<div class="modal-overlay modal-form-warning display-none">
<div class="modal-content">
<div class="container-modal_content">
<div class="container-warning-form">
<p class="warning-label">Yakin, mau tutup form ini? Kamu ga bisa main game loh!</p>
<div class="container-button-modal">
<button class="secondary-cta undo-close-form">Batal</button>
<a href="https://www.ruangguru.com/champions/aoc/fans-challenge" target="_self">
<button class="cta">Yakin</button>
</a>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- PACKAGE COC -->
</body>
</html>