diff --git a/configure.py b/configure.py
index 97ff497..ce86ff6 100644
--- a/configure.py
+++ b/configure.py
@@ -11,7 +11,7 @@ def ddx_loader(db: Worksheet):
         output.append(
             {
                 "prompt": db.address(f"D{i}"),
-                "key": db.address(f"E{i}"),
+                "key": str(db.address(f"E{i}")),
                 "score": int(db.address(f"F{i}")),
                 "time": int(db.address(f"H{i}")),
                 "media": None,
@@ -49,7 +49,7 @@ def ddx_loader(db: Worksheet):
         output.append(
             {
                 "prompt": db.address(f"D{i}"),
-                "key": db.address(f"E{i}"),
+                "key": str(db.address(f"E{i}")),
                 "score": int(db.address(f"F{i}")),
                 "time": int(db.address(f"H{i}")),
                 "media": None,
@@ -124,7 +124,7 @@ def olympus_loader(db: Worksheet):
         p1.append(
             {
                 "prompt": db.address(f"B{i}"),
-                "key": db.address(f"C{i}"),
+                "key": str(db.address(f"C{i}")),
                 "score": 10,
                 "time": 3,
                 "media": None,
@@ -136,7 +136,7 @@ def olympus_loader(db: Worksheet):
         p2.append(
             {
                 "prompt": db.address(f"D{i}"),
-                "key": db.address(f"E{i}"),
+                "key": str(db.address(f"E{i}")),
                 "score": 10,
                 "time": 3,
                 "media": None,
@@ -148,7 +148,7 @@ def olympus_loader(db: Worksheet):
         p3.append(
             {
                 "prompt": db.address(f"F{i}"),
-                "key": db.address(f"G{i}"),
+                "key": str(db.address(f"G{i}")),
                 "score": 10,
                 "time": 3,
                 "media": None,
@@ -160,7 +160,7 @@ def olympus_loader(db: Worksheet):
         p4.append(
             {
                 "prompt": db.address(f"H{i}"),
-                "key": db.address(f"I{i}"),
+                "key": str(db.address(f"I{i}")),
                 "score": 10,
                 "time": 3,
                 "media": None,
@@ -175,7 +175,7 @@ def olympus_loader(db: Worksheet):
         output.append(
             {
                 "prompt": db.address(f"B{i}"),
-                "key": db.address(f"C{i}"),
+                "key": str(db.address(f"C{i}")),
                 "score": 10,
                 "time": 3,
                 "media": None,
@@ -213,7 +213,7 @@ def olympus_loader(db: Worksheet):
     output += [
         {
             "prompt": db.address(f"B30"),
-            "key": db.address(f"C30"),
+            "key": str(db.address(f"C30")),
             "score": 0,
             "time": 10,
             "media": None,
@@ -223,7 +223,7 @@ def olympus_loader(db: Worksheet):
         },
         {
             "prompt": db.address(f"B31"),
-            "key": db.address(f"C31"),
+            "key": str(db.address(f"C31")),
             "score": 0,
             "time": 20,
             "media": None,
@@ -233,7 +233,7 @@ def olympus_loader(db: Worksheet):
         },
         {
             "prompt": db.address(f"B32"),
-            "key": db.address(f"C32"),
+            "key": str(db.address(f"C32")),
             "score": 0,
             "time": 30,
             "media": None,
@@ -243,7 +243,7 @@ def olympus_loader(db: Worksheet):
         },
         {
             "prompt": db.address(f"B33"),
-            "key": db.address(f"C33"),
+            "key": str(db.address(f"C33")),
             "score": 0,
             "time": 40,
             "media": None,
@@ -257,7 +257,7 @@ def olympus_loader(db: Worksheet):
         p1.append(
             {
                 "prompt": db.address(f"B{i}"),
-                "key": db.address(f"C{i}"),
+                "key": str(db.address(f"C{i}")),
                 "score": 20,
                 "time": 15,
                 "media": None,
@@ -269,7 +269,7 @@ def olympus_loader(db: Worksheet):
         p2.append(
             {
                 "prompt": db.address(f"D{i}"),
-                "key": db.address(f"E{i}"),
+                "key": str(db.address(f"E{i}")),
                 "score": 20,
                 "time": 15,
                 "media": None,
@@ -281,7 +281,7 @@ def olympus_loader(db: Worksheet):
         p3.append(
             {
                 "prompt": db.address(f"F{i}"),
-                "key": db.address(f"G{i}"),
+                "key": str(db.address(f"G{i}")),
                 "score": 20,
                 "time": 15,
                 "media": None,
@@ -293,7 +293,7 @@ def olympus_loader(db: Worksheet):
         p4.append(
             {
                 "prompt": db.address(f"H{i}"),
-                "key": db.address(f"I{i}"),
+                "key": str(db.address(f"I{i}")),
                 "score": 20,
                 "time": 15,
                 "media": None,
@@ -306,7 +306,7 @@ def olympus_loader(db: Worksheet):
         p1.append(
             {
                 "prompt": db.address(f"B{i}"),
-                "key": db.address(f"C{i}"),
+                "key": str(db.address(f"C{i}")),
                 "score": 30,
                 "time": 20,
                 "media": None,
@@ -318,7 +318,7 @@ def olympus_loader(db: Worksheet):
         p2.append(
             {
                 "prompt": db.address(f"D{i}"),
-                "key": db.address(f"E{i}"),
+                "key": str(db.address(f"E{i}")),
                 "score": 30,
                 "time": 20,
                 "media": None,
@@ -330,7 +330,7 @@ def olympus_loader(db: Worksheet):
         p3.append(
             {
                 "prompt": db.address(f"F{i}"),
-                "key": db.address(f"G{i}"),
+                "key": str(db.address(f"G{i}")),
                 "score": 30,
                 "time": 20,
                 "media": None,
@@ -342,7 +342,7 @@ def olympus_loader(db: Worksheet):
         p4.append(
             {
                 "prompt": db.address(f"H{i}"),
-                "key": db.address(f"I{i}"),
+                "key": str(db.address(f"I{i}")),
                 "score": 30,
                 "time": 20,
                 "media": None,
@@ -358,7 +358,7 @@ def olympus_loader(db: Worksheet):
         output.append(
             {
                 "prompt": db.address(f"B{i}"),
-                "key": db.address(f"C{i}"),
+                "key": str(db.address(f"C{i}")),
                 "score": 10,
                 "time": 15,
                 "media": None,
diff --git a/frontend/src/components/panel/PartSwitcher.svelte b/frontend/src/components/panel/PartSwitcher.svelte
index 5dc667e..21cc877 100644
--- a/frontend/src/components/panel/PartSwitcher.svelte
+++ b/frontend/src/components/panel/PartSwitcher.svelte
@@ -10,15 +10,24 @@
     <h1>Chỉnh phần</h1>
     <Load until={$states.available_parts !== undefined}>
         <div class="horizontal">
-            {#each Object.entries($states.available_parts) as [index, name]}
-                <button
-                    class="btn smol"
-                    class:accent={$states.current_part == index}
-                    on:click={async () => {
-                        await states.setNumber("current_part", Number(index));
-                    }}>{name}</button
-                >
-            {/each}
+            <div class="horizontal parts">
+                {#each Object.entries($states.available_parts) as [index, name]}
+                    <button
+                        class="btn smol"
+                        class:accent={$states.current_part == index}
+                        on:click={async () => {
+                            await states.setNumber("current_part", Number(index));
+                        }}>{name}</button
+                    >
+                {/each}
+            </div>
+            <button
+                class="btn smol bfreeze"
+                class:accent={!$states.engine_freeze}
+                on:click={async () => {
+                    await states.setBoolean("engine_freeze", !$states.engine_freeze);
+                }}>{$states.engine_freeze ? "Đóng băng" : "Trực tiếp"}</button
+            >
         </div>
     </Load>
 </div>
@@ -35,6 +44,16 @@
         display: flex;
         flex-direction: row;
         gap: 5px;
+        height: max-content;
+    }
+
+    .parts {
+        width: 70%;
+        flex-wrap: wrap;
+    }
+
+    .bfreeze {
+        height: fit-content;
     }
 
     .btn {
diff --git a/frontend/src/components/panel/SoundBoard.svelte b/frontend/src/components/panel/SoundBoard.svelte
index 6743797..c91c978 100644
--- a/frontend/src/components/panel/SoundBoard.svelte
+++ b/frontend/src/components/panel/SoundBoard.svelte
@@ -23,7 +23,7 @@
                         // @ts-ignore
                         await gm.sound.stop(sound.fileName);
                     }
-                    console.log($states.active_sounds)
+                    console.log($states.active_sounds);
                     // @ts-ignore
                     // prevents space bar or enter from triggering the button
                     ev.target?.blur();
@@ -35,8 +35,8 @@
 
 <style>
     .sboardbtn {
-        width: 200px;
-        height: 200px;
+        width: 170px;
+        height: 170px;
     }
 
     .btn {
diff --git a/frontend/src/components/panel/TangToc.svelte b/frontend/src/components/panel/TangToc.svelte
index 5a51c1c..4fd1c9e 100644
--- a/frontend/src/components/panel/TangToc.svelte
+++ b/frontend/src/components/panel/TangToc.svelte
@@ -4,6 +4,7 @@
     import { writable, readable, type Readable, type Writable } from "svelte/store";
     import SubmitJudger from "./SubmitJudger.svelte";
     import Load from "../Load.svelte";
+    import TimerControls from "./TimerControls.svelte";
     export let gm: GameMaster;
     export let states: StateManager;
     export let conn: Connection;
@@ -14,11 +15,8 @@
 <Load until={$states.media !== undefined}>
     <div class="horizontal big-gap">
         <div class="vertical big-gap">
-            <div class="nofat">
-                <p class="code">Question #{$states.qid + 1}. {$states.prompt}</p>
-            </div>
             <div>
-                <h1>Hiển thị</h1>
+                <h1>Game Master</h1>
                 <button
                     class="btn"
                     class:accent={$states.show_key}
@@ -35,6 +33,25 @@
                     }}>{$states.show_key ? "ĐÁ thí sinh: HIỆN" : "ĐÁ thí sinh: ẨN"}</button
                 >
             </div>
+            <TimerControls
+                {gm}
+                onstart={async () => {
+                    switch ($states.max_time) {
+                        case 10:
+                            await gm.sound.play("tangtoc-10secs");
+                            break;
+                        case 20:
+                            await gm.sound.play("tangtoc-20secs");
+                            break;
+                        case 30:
+                            await gm.sound.play("tangtoc-30secs");
+                            break;
+                        case 40:
+                            await gm.sound.play("tangtoc-40secs");
+                            break;
+                    }
+                }}
+            />
             <div class="vertical big-gap">
                 <h1>Đa phương tiện</h1>
                 {#if $states.media !== null}
@@ -95,6 +112,10 @@
                     {/each}
                 </div>
             </div>
+            <div class="nofat">
+                <p>Câu {$states.qid + 1}. {$states.prompt}</p>
+                <p style="font-weight: bold;">{$states.key}</p>
+            </div>
         </div>
     </div>
 </Load>
diff --git a/frontend/src/components/panel/TimerControls.svelte b/frontend/src/components/panel/TimerControls.svelte
index f2164dd..fdcb520 100644
--- a/frontend/src/components/panel/TimerControls.svelte
+++ b/frontend/src/components/panel/TimerControls.svelte
@@ -1,12 +1,34 @@
 <script lang="ts">
     import { CallProcedure, Connection, GameMaster, StateManager } from "$lib";
     import type { Timer } from "client";
-    import { type Readable, type Writable } from "svelte/store";
+    import { onMount } from "svelte";
+    import { writable, type Readable, type Writable } from "svelte/store";
 
-    export let conn: Connection;
     export let gm: GameMaster;
-    export let states: StateManager;
-    export let elapsed: Readable<any>;
+    export let onstart: () => Promise<void> = async () => {};
+    export let onpause: () => Promise<void> = async () => {};
+    export let onreset: () => Promise<void> = async () => {};
+
+    let states = gm.states;
+    let time = states.time;
+    let elapsed = writable("");
+    onMount(() => {
+        setInterval(async () => {
+            let e = $time;
+            if ($states.max_time !== undefined) {
+                if ($states.max_time - e <= 0) {
+                    $elapsed = "0";
+                    if (!$states.timer_paused) {
+                        await gm.timer_operation("pause");
+                    }
+                } else {
+                    $elapsed = ($states.max_time - e).toFixed(2);
+                }
+            } else {
+                $elapsed = `Video progress: ${e.toFixed(2)}`;
+            }
+        }, 100);
+    });
 </script>
 
 <div>
@@ -17,31 +39,29 @@
         >
     </p>
     <div class="bgroup-hor">
-        {#if $elapsed === "0"}
-            {#each ["reset", "pause"] as ops}
-                <button
-                    on:click={async () => {
-                        // @ts-ignore
-                        await gm.timer_operation(ops);
-                    }}
-                    class="btn"
-                >
-                    {ops == "start" ? "chạy" : ops == "pause" ? "tạm dừng" : "đặt lại"}
-                </button>
-            {/each}
-        {:else}
-            {#each ["start", "pause", "reset"] as ops}
-                <button
-                    on:click={async () => {
-                        // @ts-ignore
-                        await gm.timer_operation(ops);
-                    }}
-                    class="btn"
-                >
-                    {ops == "start" ? "chạy" : ops == "pause" ? "tạm dừng" : "đặt lại"}
-                </button>
-            {/each}
+        {#if $elapsed !== "0"}
+            <button
+                class:accent={!$states.timer_paused}
+                on:click={async () => {
+                    // @ts-ignore
+                    await gm.timer_operation($states.timer_paused ? "start" : "pause");
+                    $states.timer_paused ? await onstart() : await onpause()
+                }}
+                class="btn"
+            >
+                {$states.timer_paused ? "chạy" : "dừng"}
+            </button>
         {/if}
+        <button
+            on:click={async () => {
+                // @ts-ignore
+                await gm.timer_operation("reset");
+                await onreset();
+            }}
+            class="btn"
+        >
+            đặt lại
+        </button>
     </div>
 </div>
 
@@ -62,6 +82,10 @@
         width: fit-content;
     }
 
+    .accent {
+        background-color: var(--accent);
+    }
+
     .code {
         font-family: var(--font-monospace);
     }
diff --git a/frontend/src/components/panel/VCNV.svelte b/frontend/src/components/panel/VCNV.svelte
index 53a0cb9..6a40aa1 100644
--- a/frontend/src/components/panel/VCNV.svelte
+++ b/frontend/src/components/panel/VCNV.svelte
@@ -4,6 +4,7 @@
     import { writable, readable, type Readable, type Writable } from "svelte/store";
     import SubmitJudger from "./SubmitJudger.svelte";
     import Load from "../Load.svelte";
+    import TimerControls from "./TimerControls.svelte";
     export let states: StateManager;
     export let gm: GameMaster;
     export let conn: Connection;
@@ -58,6 +59,15 @@
                     >Clear Bell</button
                 >
             </div>
+            <TimerControls
+                {gm}
+                onstart={async () => {
+                    await gm.sound.play("vcnv-15secs");
+                }}
+                onreset={async () => {
+                    await gm.sound.stop("vcnv-15secs");
+                }}
+            />
             <div>
                 <h1>Thứ tự trả lời CNV</h1>
                 {#each $states.highlighted as p}
diff --git a/frontend/src/components/panel/VeDich.svelte b/frontend/src/components/panel/VeDich.svelte
index a5cc035..66738f8 100644
--- a/frontend/src/components/panel/VeDich.svelte
+++ b/frontend/src/components/panel/VeDich.svelte
@@ -3,6 +3,7 @@
     import { scoreOf } from "$lib/globals";
     import { getAllContexts } from "svelte";
     import Load from "../Load.svelte";
+    import TimerControls from "./TimerControls.svelte";
     export let states: StateManager;
     export let gm: GameMaster;
     export let conn: Connection;
@@ -14,7 +15,7 @@
 <Load until={$states.package !== undefined}>
     <div class="vertical">
         <div class="vertical">
-            <h1>Quản trò</h1>
+            <h1>Game Master</h1>
             <button
                 class="btn"
                 on:click={async () => {
@@ -81,7 +82,22 @@
                 >
             {/if}
         </div>
-
+        <TimerControls
+            {gm}
+            onstart={async () => {
+                switch ($states.max_time) {
+                    case 15:
+                        await gm.sound.play("vedich-15secs");
+                        break;
+                    case 20:
+                        await gm.sound.play("vedich-20secs");
+                        break;
+                    case 40:
+                        await gm.sound.play("tangtoc-40secs");
+                        break;
+                }
+            }}
+        />
         <div class="vertical">
             <h1>Thí sinh</h1>
             <div class="horizontal">
diff --git a/frontend/src/routes/display/+page.svelte b/frontend/src/routes/display/+page.svelte
index 921b753..8f51905 100644
--- a/frontend/src/routes/display/+page.svelte
+++ b/frontend/src/routes/display/+page.svelte
@@ -48,7 +48,9 @@
         {#if !sound.isReady}
             <p>{$downloadText}</p>
         {:else}
-            {#if $states.available_parts[$states.current_part] == "khoidong"}
+            {#if $states.engine_freeze}
+                <Standby />
+            {:else if $states.available_parts[$states.current_part] == "khoidong"}
                 <KhoiDongDisplay {conn} {gm} {states} {players} />
             {:else if $states.available_parts[$states.current_part] == "vcnv"}
                 <VcnvDisplay {conn} {gm} {states} {players} />
diff --git a/frontend/src/routes/game/+page.svelte b/frontend/src/routes/game/+page.svelte
index db2fdbd..4a3c93c 100644
--- a/frontend/src/routes/game/+page.svelte
+++ b/frontend/src/routes/game/+page.svelte
@@ -44,9 +44,7 @@
     <Load until={gm !== undefined && $states.__init}>
         {#if !isAuthenticated}
             <AuthPlayer {gm} />
-
-        {:else}
-        {#if $states.available_parts[$states.current_part] == "standby"}
+        {:else if $states.available_parts[$states.current_part] == "standby" || $states.engine_freeze}
             <Standby />
         {:else if $states.available_parts[$states.current_part] == "auth"}
             <!-- TODO - SECURITY: make this login portal always show up when unauthenticated -->
@@ -64,7 +62,6 @@
         {:else if $states.available_parts[$states.current_part] == "tkd"}
             <Tkd {states} />
         {/if}
-        {/if}
         {#if ANTICHEAT_ENABLED}
             <AntiCheat url="" data={{}} />
         {/if}
diff --git a/frontend/src/routes/panel/+page.svelte b/frontend/src/routes/panel/+page.svelte
index 9e08f7b..d2ca124 100644
--- a/frontend/src/routes/panel/+page.svelte
+++ b/frontend/src/routes/panel/+page.svelte
@@ -29,22 +29,6 @@
         players = gm.players;
         time = states.time;
 
-        setInterval(async () => {
-            let e = $time;
-            if ($states.max_time !== undefined) {
-                if ($states.max_time - e <= 0) {
-                    $elapsed = "0";
-                    if (!$states.timer_paused) {
-                        await gm.timer_operation("pause");
-                    }
-                } else {
-                    $elapsed = ($states.max_time - e).toFixed(2);
-                }
-            } else {
-                $elapsed = `Video progress: ${e.toFixed(2)}`;
-            }
-        }, 100);
-
         conn.on(Peeker.PacketType.State, async (update) => {
             if (update.value.name === "current_part") {
                 await gm.updateAll();
@@ -58,8 +42,6 @@
         <div class="container">
             <div class="horizontal">
                 <div>
-                    <TimerControls {elapsed} {gm} {states} {conn} />
-
                     {#if $states.available_parts[$states.current_part] == "khoidong"}
                         <KhoiDong {gm} {states} {conn} {players} />
                     {:else if $states.available_parts[$states.current_part] == "vcnv"}
@@ -135,6 +117,7 @@
                                 { displayName: "Xác nhận", fileName: "vedich-confirmchoice" },
                                 { displayName: "15s", fileName: "vedich-15secs" },
                                 { displayName: "20s", fileName: "vedich-20secs" },
+                                { displayName: "40s", fileName: "tangtoc-40secs" },
                                 { displayName: "Hy vọng", fileName: "vedich-star" },
                                 { displayName: "Cơ hội", fileName: "vedich-poll" },
                                 { displayName: "Chuông", fileName: "vedich-bell" },
diff --git a/server/logic/vcnv.py b/server/logic/vcnv.py
index 5516d5a..a224839 100644
--- a/server/logic/vcnv.py
+++ b/server/logic/vcnv.py
@@ -239,6 +239,7 @@ def update_tiles(
             self.selected.set("")
             self.prompt.set("Thí sinh hãy lựa chọn hàng ngang.")
         self.puzzle_data.set(mod)
+        self.show.timer.set(engine.Timer())
         self.image.set(
             utils.vcnv.get_imgdata(
                 [
diff --git a/server/penguin/show.py b/server/penguin/show.py
index 3c53ea7..c34d0b6 100644
--- a/server/penguin/show.py
+++ b/server/penguin/show.py
@@ -202,6 +202,13 @@ def start(self, listen_on: str, serve_on: str, static_dir: str):
         self.ticker: engine.Ticker = engine.Ticker()
         self._part = self.parts[self.current_part.get()]
         self._sleep_time = 1 / config().tickSpeed
+
+        def on_partchange(pname):
+            self._part = self.parts[self.current_part.get()]
+            self._part.implementation.__init__()
+            self._part.implementation.on_ready(self)  # type: ignore[reportAttributeAccessIssue]
+
+        self.current_part.subscribe(on_partchange)
         LOOP.run_forever()
 
     def tick(self, is_packet: bool, a):
@@ -241,11 +248,9 @@ def set_part(
         handle: engine.IOHandle,
         addr: str,
     ):
+        print("Setting new part")
         new_part = call.data.int_argno(0)
         self.current_part.set(new_part)
-        self._part = self.parts[self.current_part.get()]
-        self._part.implementation.__init__()
-        self._part.implementation.on_ready(self)  # type: ignore[reportAttributeAccessIssue]
 
         self.timer.set(engine.Timer())
         asyncio.run_coroutine_threadsafe(
@@ -371,6 +376,8 @@ def _der_players(inp: engine.PortableValue) -> list[engine.Player]:
         self.tick_speed: int = tick_speed
         self.qbank: engine.QuestionBank = question_bank
         self.current_part: Writable[int] = self.rpc.use_state("current_part", 0)
+        self.engine_freeze: Writable[int] = self.rpc.use_state("engine_freeze", False)
+
         self.ticker = engine.Ticker()
         self.sid: Writable[str] = self.rpc.use_state("sid", gen_token(8))
         self.session_manager = SESSION_MAN