{"id":14603,"date":"2026-08-08T09:49:46","date_gmt":"2026-08-08T02:49:46","guid":{"rendered":"https:\/\/www.techeducationth.com\/?page_id=14603"},"modified":"2026-08-08T10:58:35","modified_gmt":"2026-08-08T03:58:35","slug":"timer","status":"publish","type":"page","link":"https:\/\/www.techeducationth.com\/index.php\/timer\/","title":{"rendered":"SCOPE KOREA 2026 | Exam Control Timer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14603\" class=\"elementor elementor-14603\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05ed4a4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"05ed4a4\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-45176fb\" data-id=\"45176fb\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ad55fb elementor-widget elementor-widget-html\" data-id=\"1ad55fb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div id=\"tato-exam-dashboard\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n#tato-exam-dashboard{\r\n    --maroon:#8F0D18;\r\n    --maroon-dark:#680811;\r\n    --maroon-deep:#4C050B;\r\n    --maroon-light:#B51B2A;\r\n\r\n    --white:#FFFFFF;\r\n    --soft:#FFF9F9;\r\n    --border:#E7D2D5;\r\n\r\n    --text:#321014;\r\n    --muted:#796165;\r\n\r\n    --green:#138449;\r\n    --orange:#C46700;\r\n    --red:#B40000;\r\n\r\n    --shell-bg:#FFFFFF;\r\n    --panel-bg:#FFFFFF;\r\n    --panel-bg-soft:#FFF9F9;\r\n    --surface:#FFFFFF;\r\n    --surface-2:#F8ECEE;\r\n    --footer:#FFFFFF;\r\n\r\n    width:100%;\r\n    box-sizing:border-box;\r\n    color:var(--text);\r\n    font-family:\"Prompt\",sans-serif !important;\r\n    -webkit-font-smoothing:antialiased;\r\n    text-rendering:optimizeLegibility;\r\n}\r\n\r\n#tato-exam-dashboard *,\r\n#tato-exam-dashboard *::before,\r\n#tato-exam-dashboard *::after{\r\n    box-sizing:border-box;\r\n    font-family:\"Prompt\",sans-serif !important;\r\n}\r\n\r\n\/* ================= DARK MODE ================= *\/\r\n\r\n#tato-exam-dashboard.tato-dark{\r\n    --shell-bg:#160609;\r\n    --panel-bg:#1D090D;\r\n    --panel-bg-soft:#220B10;\r\n    --surface:#220C10;\r\n    --surface-2:#2A0F15;\r\n    --footer:#1A080C;\r\n\r\n    --text:#FFFFFF;\r\n    --muted:#E6C9CF;\r\n    --border:#5C1E28;\r\n    --green:#49D98A;\r\n    --orange:#F3B24A;\r\n    --red:#FF6E7A;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-shell{\r\n    background:var(--shell-bg);\r\n    border-color:#5B1C27;\r\n    box-shadow:0 20px 60px rgba(0,0,0,.35);\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-main{\r\n    background:var(--shell-bg);\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-date,\r\n#tato-exam-dashboard.tato-dark .tato-section-label,\r\n#tato-exam-dashboard.tato-dark .tato-quick-title,\r\n#tato-exam-dashboard.tato-dark .tato-info-title{\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-date strong,\r\n#tato-exam-dashboard.tato-dark .tato-progress-meta strong,\r\n#tato-exam-dashboard.tato-dark .tato-link-content strong,\r\n#tato-exam-dashboard.tato-dark .tato-session-code,\r\n#tato-exam-dashboard.tato-dark .tato-current-session,\r\n#tato-exam-dashboard.tato-dark .tato-time-caption,\r\n#tato-exam-dashboard.tato-dark .tato-stat-value{\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-sync{\r\n    color:#FFFFFF;\r\n    background:#311117;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-session-btn,\r\n#tato-exam-dashboard.tato-dark .tato-stat,\r\n#tato-exam-dashboard.tato-dark .tato-link-card,\r\n#tato-exam-dashboard.tato-dark .tato-info-card{\r\n    background:var(--surface);\r\n    border-color:#5C1E28;\r\n    color:#FFFFFF;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-session-name,\r\n#tato-exam-dashboard.tato-dark .tato-session-time,\r\n#tato-exam-dashboard.tato-dark .tato-current-subject,\r\n#tato-exam-dashboard.tato-dark .tato-link-content span,\r\n#tato-exam-dashboard.tato-dark .tato-link-content small,\r\n#tato-exam-dashboard.tato-dark .tato-stat-label,\r\n#tato-exam-dashboard.tato-dark .tato-progress-meta,\r\n#tato-exam-dashboard.tato-dark .tato-rule-list,\r\n#tato-exam-dashboard.tato-dark .tato-footer{\r\n    color:var(--muted) !important;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-session-btn.active{\r\n    background:var(--maroon);\r\n    border-color:var(--maroon);\r\n    color:#FFFFFF;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-session-btn.active .tato-session-code,\r\n#tato-exam-dashboard.tato-dark .tato-session-btn.active .tato-session-name,\r\n#tato-exam-dashboard.tato-dark .tato-session-btn.active .tato-session-time{\r\n    color:#FFFFFF !important;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-timer-card{\r\n    background:linear-gradient(145deg,#1E0A0E,#270D12);\r\n    border-color:#5C1E28;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-progress-bg{\r\n    background:#3A1820;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-qr-box{\r\n    background:#FFFFFF;\r\n    border-color:#6A2632;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-control-btn{\r\n    background:#230D11;\r\n    color:#FFFFFF;\r\n    border-color:#69303A;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-control-btn:hover{\r\n    background:var(--maroon);\r\n    color:#FFFFFF;\r\n    border-color:var(--maroon);\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-control-btn.primary{\r\n    background:var(--maroon);\r\n    border-color:var(--maroon);\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-reset-btn{\r\n    background:#230D11;\r\n    color:#FFFFFF;\r\n    border-color:#69303A;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-exit-box{\r\n    background:#2B1B0B;\r\n    border-color:#8B6532;\r\n    color:#FFD690;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-exit-box.allowed{\r\n    background:#0F251A;\r\n    border-color:#265F43;\r\n    color:#90F1BB;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-exit-icon{\r\n    background:#FFFFFF;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-footer{\r\n    border-top:1px solid #4D1A23;\r\n}\r\n\r\n\/* ================= SHELL ================= *\/\r\n\r\n#tato-exam-dashboard .tato-shell{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    overflow:hidden;\r\n    background:var(--shell-bg);\r\n    border:1px solid var(--border);\r\n    border-radius:28px;\r\n    box-shadow:\r\n        0 25px 65px rgba(80,0,10,.10),\r\n        0 5px 15px rgba(80,0,10,.04);\r\n}\r\n\r\n\/* ================= HEADER ================= *\/\r\n\r\n#tato-exam-dashboard .tato-header{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:30px 38px;\r\n    color:#FFFFFF;\r\n    background:\r\n        radial-gradient(circle at 93% 0%,rgba(255,255,255,.14),transparent 34%),\r\n        linear-gradient(125deg,#4C050B 0%,#790A14 48%,#A71623 100%);\r\n}\r\n\r\n#tato-exam-dashboard .tato-header::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:440px;\r\n    height:440px;\r\n    right:-150px;\r\n    top:-245px;\r\n    border:65px solid rgba(255,255,255,.045);\r\n    border-radius:50%;\r\n}\r\n\r\n#tato-exam-dashboard .tato-header::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:420px;\r\n    height:75px;\r\n    right:20px;\r\n    bottom:-40px;\r\n    background:rgba(255,255,255,.035);\r\n    transform:rotate(-30deg);\r\n    border-radius:100px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-header-inner{\r\n    position:relative;\r\n    z-index:2;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:25px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-brand-small{\r\n    margin-bottom:7px;\r\n    color:#FFFFFF;\r\n    font-size:12px;\r\n    font-weight:600;\r\n    letter-spacing:1.2px;\r\n    opacity:.90;\r\n}\r\n\r\n#tato-exam-dashboard .tato-title{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    color:#FFFFFF !important;\r\n    font-size:clamp(30px,3vw,45px);\r\n    line-height:1.1;\r\n    font-weight:800;\r\n}\r\n\r\n#tato-exam-dashboard .tato-subtitle{\r\n    margin-top:10px;\r\n    color:#FFFFFF;\r\n    font-size:13px;\r\n    line-height:1.6;\r\n    font-weight:400;\r\n}\r\n\r\n#tato-exam-dashboard .tato-brand-pill{\r\n    flex:0 0 auto;\r\n    min-width:240px;\r\n    padding:18px 23px;\r\n    text-align:center;\r\n    color:var(--maroon);\r\n    background:#FFFFFF;\r\n    border-radius:20px;\r\n    box-shadow:0 12px 30px rgba(40,0,0,.18);\r\n}\r\n\r\n#tato-exam-dashboard .tato-brand-pill strong{\r\n    display:block;\r\n    color:var(--maroon);\r\n    font-size:23px;\r\n    line-height:1.03;\r\n    font-weight:800;\r\n}\r\n\r\n#tato-exam-dashboard .tato-brand-pill small{\r\n    display:block;\r\n    margin-top:7px;\r\n    color:var(--maroon);\r\n    font-size:8px;\r\n    line-height:1.5;\r\n    font-weight:500;\r\n}\r\n\r\n\/* ================= MAIN ================= *\/\r\n\r\n#tato-exam-dashboard .tato-main{\r\n    padding:28px 33px 34px;\r\n    background:var(--shell-bg);\r\n}\r\n\r\n\/* ================= TOP BAR ================= *\/\r\n\r\n#tato-exam-dashboard .tato-topbar{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n    margin-bottom:16px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-date{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:11px;\r\n    color:var(--text);\r\n    font-size:14px;\r\n    font-weight:500;\r\n}\r\n\r\n#tato-exam-dashboard .tato-date strong{\r\n    color:var(--maroon);\r\n    font-weight:700;\r\n}\r\n\r\n#tato-exam-dashboard .tato-live-dot{\r\n    width:11px;\r\n    height:11px;\r\n    flex:0 0 11px;\r\n    background:var(--maroon);\r\n    border-radius:50%;\r\n    animation:tatoPulse 1.8s infinite;\r\n}\r\n\r\n@keyframes tatoPulse{\r\n    0%{ box-shadow:0 0 0 0 rgba(143,13,24,.42); }\r\n    70%{ box-shadow:0 0 0 10px rgba(143,13,24,0); }\r\n    100%{ box-shadow:0 0 0 0 rgba(143,13,24,0); }\r\n}\r\n\r\n#tato-exam-dashboard .tato-sync{\r\n    padding:9px 14px;\r\n    color:var(--maroon);\r\n    background:#F8ECEE;\r\n    border-radius:999px;\r\n    font-size:11px;\r\n    font-weight:600;\r\n}\r\n\r\n\/* ================= ROUND JOURNEY ================= *\/\r\n\r\n#tato-exam-dashboard .tato-round-banner{\r\n    margin-bottom:17px;\r\n    overflow:hidden;\r\n    color:#FFFFFF;\r\n    background:linear-gradient(110deg,#650711 0%,#8F0D18 50%,#B21826 100%);\r\n    border-radius:17px;\r\n    box-shadow:0 8px 22px rgba(104,8,17,.14);\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-header{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    gap:15px;\r\n    padding:12px 17px 10px;\r\n    border-bottom:1px solid rgba(255,255,255,.14);\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-title{\r\n    color:#FFFFFF;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    line-height:1.35;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-title span{\r\n    margin-left:8px;\r\n    font-size:8px;\r\n    font-weight:500;\r\n    letter-spacing:.7px;\r\n    opacity:.76;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-status{\r\n    flex:0 0 auto;\r\n    padding:6px 11px;\r\n    color:var(--maroon);\r\n    background:#FFFFFF;\r\n    border-radius:999px;\r\n    font-size:8px;\r\n    font-weight:700;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-flow{\r\n    display:grid;\r\n    grid-template-columns:.9fr auto 1fr auto 1.25fr auto 1.25fr;\r\n    align-items:center;\r\n    gap:8px;\r\n    padding:13px 17px 11px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-step{\r\n    min-width:0;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-number{\r\n    width:31px;\r\n    height:31px;\r\n    flex:0 0 31px;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    color:var(--maroon);\r\n    background:#FFFFFF;\r\n    border-radius:50%;\r\n    font-size:9px;\r\n    font-weight:800;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-copy{\r\n    min-width:0;\r\n    color:rgba(255,255,255,.84);\r\n    font-size:8px;\r\n    line-height:1.42;\r\n    font-weight:400;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-copy strong{\r\n    display:block;\r\n    margin-top:1px;\r\n    color:#FFFFFF;\r\n    font-size:10px;\r\n    line-height:1.35;\r\n    font-weight:700;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-arrow{\r\n    color:#FFFFFF;\r\n    font-size:23px;\r\n    line-height:1;\r\n    font-weight:300;\r\n    opacity:.58;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-note{\r\n    padding:0 17px 10px;\r\n    color:rgba(255,255,255,.73);\r\n    font-size:7px;\r\n    line-height:1.5;\r\n}\r\n\r\n#tato-exam-dashboard .tato-round-note strong{\r\n    color:#FFFFFF;\r\n    font-weight:600;\r\n}\r\n\r\n\/* ================= SESSION ================= *\/\r\n\r\n#tato-exam-dashboard .tato-section-label{\r\n    margin-bottom:10px;\r\n    color:var(--maroon);\r\n    font-size:12px;\r\n    font-weight:600;\r\n    text-transform:uppercase;\r\n}\r\n\r\n#tato-exam-dashboard .tato-session-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,minmax(0,1fr));\r\n    gap:10px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-session-btn{\r\n    appearance:none;\r\n    min-width:0;\r\n    min-height:86px;\r\n    padding:13px;\r\n    cursor:pointer;\r\n    text-align:left;\r\n    color:var(--text);\r\n    background:var(--surface);\r\n    border:1.5px solid var(--border);\r\n    border-radius:15px;\r\n    transition:.2s ease;\r\n}\r\n\r\n#tato-exam-dashboard .tato-session-btn:hover{\r\n    transform:translateY(-2px);\r\n    border-color:var(--maroon);\r\n}\r\n\r\n#tato-exam-dashboard .tato-session-btn.active{\r\n    color:#FFFFFF;\r\n    background:var(--maroon);\r\n    border-color:var(--maroon);\r\n    box-shadow:0 10px 25px rgba(100,0,10,.18);\r\n}\r\n\r\n#tato-exam-dashboard .tato-session-code{\r\n    margin-bottom:2px;\r\n    color:var(--maroon);\r\n    font-size:18px;\r\n    font-weight:800;\r\n}\r\n\r\n#tato-exam-dashboard .tato-session-name{\r\n    color:var(--text);\r\n    font-size:10px;\r\n    line-height:1.4;\r\n    font-weight:500;\r\n}\r\n\r\n#tato-exam-dashboard .tato-session-time{\r\n    display:block;\r\n    margin-top:5px;\r\n    color:var(--maroon);\r\n    font-size:9px;\r\n    font-weight:600;\r\n}\r\n\r\n#tato-exam-dashboard .tato-session-btn.active .tato-session-code,\r\n#tato-exam-dashboard .tato-session-btn.active .tato-session-name,\r\n#tato-exam-dashboard .tato-session-btn.active .tato-session-time{\r\n    color:#FFFFFF;\r\n}\r\n\r\n\/* ================= TIMER CARD ================= *\/\r\n\r\n#tato-exam-dashboard .tato-timer-card{\r\n    padding:27px 30px;\r\n    overflow:hidden;\r\n    background:\r\n        radial-gradient(circle at 95% 0%,rgba(143,13,24,.065),transparent 38%),\r\n        linear-gradient(145deg,var(--panel-bg),var(--panel-bg-soft));\r\n    border:1px solid var(--border);\r\n    border-radius:25px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-timer-card.tato-ready{\r\n    border:2px solid rgba(143,13,24,.19);\r\n}\r\n\r\n#tato-exam-dashboard .tato-timer-head{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:flex-start;\r\n    gap:20px;\r\n    margin-bottom:13px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-current-session{\r\n    color:var(--maroon);\r\n    font-size:22px;\r\n    font-weight:700;\r\n    line-height:1.3;\r\n}\r\n\r\n#tato-exam-dashboard .tato-current-subject{\r\n    margin-top:4px;\r\n    color:var(--muted);\r\n    font-size:12px;\r\n}\r\n\r\n\/* ================= STATUS BADGE ================= *\/\r\n\r\n#tato-exam-dashboard .tato-status-badge{\r\n    flex:0 0 auto;\r\n    padding:9px 16px;\r\n    color:#FFFFFF !important;\r\n    background:var(--maroon);\r\n    border-radius:999px;\r\n    font-size:10px;\r\n    font-weight:600;\r\n    white-space:nowrap;\r\n}\r\n\r\n#tato-exam-dashboard .tato-status-badge.waiting{ background:#786266; }\r\n#tato-exam-dashboard .tato-status-badge.running{ background:var(--maroon); }\r\n#tato-exam-dashboard .tato-status-badge.warning{ background:#C06000; }\r\n\r\n#tato-exam-dashboard .tato-status-badge.danger{\r\n    background:#B30000;\r\n    animation:tatoDanger 1s infinite;\r\n}\r\n\r\n#tato-exam-dashboard .tato-status-badge.finished{ background:#57484B; }\r\n\r\n@keyframes tatoDanger{\r\n    50%{ opacity:.55; }\r\n}\r\n\r\n\/* ================= COUNTDOWN ================= *\/\r\n\r\n#tato-exam-dashboard .tato-clock-label{\r\n    margin-top:6px;\r\n    text-align:center;\r\n    color:var(--muted);\r\n    font-size:11px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-countdown{\r\n    margin:2px auto 4px;\r\n    text-align:center;\r\n    color:var(--maroon);\r\n    font-size:clamp(68px,10vw,128px);\r\n    line-height:1;\r\n    font-weight:800;\r\n    letter-spacing:-4px;\r\n    font-variant-numeric:tabular-nums;\r\n}\r\n\r\n#tato-exam-dashboard.tato-dark .tato-countdown{\r\n    color:#FFFFFF;\r\n}\r\n\r\n#tato-exam-dashboard .tato-countdown.warning{ color:#C26000; }\r\n#tato-exam-dashboard .tato-countdown.danger{ color:#B00000; }\r\n#tato-exam-dashboard .tato-countdown.finished{ color:#69595C; }\r\n\r\n#tato-exam-dashboard.tato-dark .tato-countdown.warning{ color:#FFCB74; }\r\n#tato-exam-dashboard.tato-dark .tato-countdown.danger{ color:#FF808A; }\r\n#tato-exam-dashboard.tato-dark .tato-countdown.finished{ color:#D2B6BD; }\r\n\r\n#tato-exam-dashboard .tato-time-caption{\r\n    margin-bottom:18px;\r\n    text-align:center;\r\n    color:var(--maroon);\r\n    font-size:12px;\r\n    font-weight:500;\r\n}\r\n\r\n\/* ================= START PANEL ================= *\/\r\n\r\n#tato-exam-dashboard .tato-start-panel{\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    gap:9px;\r\n    flex-wrap:wrap;\r\n    margin:-2px 0 19px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-start-btn{\r\n    appearance:none;\r\n    min-width:245px;\r\n    padding:12px 21px;\r\n    cursor:pointer;\r\n    color:#FFFFFF !important;\r\n    background:var(--maroon);\r\n    border:1px solid var(--maroon);\r\n    border-radius:11px;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    box-shadow:0 8px 20px rgba(143,13,24,.18);\r\n}\r\n\r\n#tato-exam-dashboard .tato-start-btn:hover{\r\n    background:var(--maroon-dark);\r\n}\r\n\r\n#tato-exam-dashboard .tato-start-btn:disabled{\r\n    cursor:not-allowed;\r\n    background:#756366;\r\n    border-color:#756366;\r\n    box-shadow:none;\r\n}\r\n\r\n#tato-exam-dashboard .tato-reset-btn{\r\n    appearance:none;\r\n    padding:11px 16px;\r\n    cursor:pointer;\r\n    color:var(--maroon);\r\n    background:#FFFFFF;\r\n    border:1px solid #DEC2C5;\r\n    border-radius:10px;\r\n    font-size:10px;\r\n}\r\n\r\n\/* ================= PROGRESS ================= *\/\r\n\r\n#tato-exam-dashboard .tato-progress-wrap{\r\n    margin:7px 0 17px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-progress-bg{\r\n    width:100%;\r\n    height:13px;\r\n    overflow:hidden;\r\n    background:#EEE2E4;\r\n    border-radius:999px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-progress-bar{\r\n    width:0%;\r\n    height:100%;\r\n    background:linear-gradient(90deg,var(--maroon-dark),var(--maroon-light));\r\n    border-radius:999px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-progress-bar.warning{\r\n    background:linear-gradient(90deg,#9E3C00,#D77A00);\r\n}\r\n\r\n#tato-exam-dashboard .tato-progress-bar.danger{\r\n    background:#B00000;\r\n}\r\n\r\n#tato-exam-dashboard .tato-progress-meta{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:10px;\r\n    margin-top:7px;\r\n    color:var(--muted);\r\n    font-size:10px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-progress-meta strong{\r\n    color:var(--maroon);\r\n}\r\n\r\n\/* ================= STATS ================= *\/\r\n\r\n#tato-exam-dashboard .tato-stats{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,minmax(0,1fr));\r\n    gap:10px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-stat{\r\n    min-width:0;\r\n    padding:14px 11px;\r\n    text-align:center;\r\n    background:var(--surface);\r\n    border:1px solid var(--border);\r\n    border-radius:14px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-stat-label{\r\n    margin-bottom:5px;\r\n    color:var(--muted);\r\n    font-size:9px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-stat-value{\r\n    color:var(--maroon);\r\n    font-size:17px;\r\n    font-weight:700;\r\n    font-variant-numeric:tabular-nums;\r\n}\r\n\r\n#tato-exam-dashboard .tato-stat-value.red{ color:#B40000; }\r\n#tato-exam-dashboard .tato-stat-value.green{ color:var(--green); }\r\n\r\n\/* ================= EXIT BOX ================= *\/\r\n\r\n#tato-exam-dashboard .tato-exit-box{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    margin-top:14px;\r\n    padding:14px 16px;\r\n    color:#865100;\r\n    background:#FFF7E9;\r\n    border:1px solid #EBCB96;\r\n    border-radius:14px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-exit-box.allowed{\r\n    color:#116D3E;\r\n    background:#EFF9F3;\r\n    border-color:#BBDFC8;\r\n}\r\n\r\n#tato-exam-dashboard .tato-exit-icon{\r\n    width:36px;\r\n    height:36px;\r\n    flex:0 0 36px;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    background:#FFFFFF;\r\n    border-radius:50%;\r\n}\r\n\r\n#tato-exam-dashboard .tato-exit-main{\r\n    font-size:11px;\r\n    font-weight:600;\r\n}\r\n\r\n#tato-exam-dashboard .tato-exit-sub{\r\n    margin-top:2px;\r\n    font-size:9px;\r\n}\r\n\r\n\/* ================= THAI CLOCK ================= *\/\r\n\r\n#tato-exam-dashboard .tato-thai-time{\r\n    margin-top:15px;\r\n    padding:13px;\r\n    text-align:center;\r\n    color:#FFFFFF;\r\n    background:linear-gradient(120deg,var(--maroon-deep),var(--maroon));\r\n    border-radius:14px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-thai-time-label{\r\n    font-size:8px;\r\n    letter-spacing:1.2px;\r\n    opacity:.85;\r\n}\r\n\r\n#tato-exam-dashboard .tato-thai-time-value{\r\n    margin-top:3px;\r\n    color:#FFFFFF;\r\n    font-size:24px;\r\n    font-weight:700;\r\n    font-variant-numeric:tabular-nums;\r\n}\r\n\r\n\/* ================= ALERT ================= *\/\r\n\r\n#tato-exam-dashboard .tato-alert{\r\n    display:none;\r\n    margin-top:15px;\r\n    padding:13px 17px;\r\n    text-align:center;\r\n    background:#FFF4E5;\r\n    color:#A14E00;\r\n    border-radius:13px;\r\n    font-size:11px;\r\n    font-weight:600;\r\n}\r\n\r\n#tato-exam-dashboard .tato-alert.show{ display:block; }\r\n\r\n#tato-exam-dashboard .tato-alert.danger{\r\n    background:#FFF0F0;\r\n    color:#A60000;\r\n}\r\n\r\n\/* ================= CONTROLS ================= *\/\r\n\r\n#tato-exam-dashboard .tato-controls{\r\n    display:flex;\r\n    justify-content:center;\r\n    gap:8px;\r\n    flex-wrap:wrap;\r\n    margin-top:12px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-control-btn{\r\n    appearance:none;\r\n    padding:8px 13px;\r\n    cursor:pointer;\r\n    color:var(--maroon);\r\n    background:#FFFFFF;\r\n    border:1px solid #DEC4C7;\r\n    border-radius:9px;\r\n    font-size:9px;\r\n    font-weight:500;\r\n}\r\n\r\n#tato-exam-dashboard .tato-control-btn:hover{\r\n    color:#FFFFFF;\r\n    background:var(--maroon);\r\n    border-color:var(--maroon);\r\n}\r\n\r\n#tato-exam-dashboard .tato-control-btn.primary{\r\n    color:#FFFFFF;\r\n    background:var(--maroon);\r\n    border-color:var(--maroon);\r\n}\r\n\r\n\/* ================= QUICK LINKS ================= *\/\r\n\r\n#tato-exam-dashboard .tato-quick{\r\n    margin-top:27px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-quick-title{\r\n    margin-bottom:12px;\r\n    color:var(--maroon);\r\n    font-size:16px;\r\n    font-weight:700;\r\n}\r\n\r\n#tato-exam-dashboard .tato-link-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,minmax(0,1fr));\r\n    gap:12px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-link-card{\r\n    min-width:0;\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) 112px;\r\n    gap:12px;\r\n    align-items:center;\r\n    min-height:155px;\r\n    padding:16px;\r\n    background:var(--surface);\r\n    border:1px solid var(--border);\r\n    border-radius:17px;\r\n    overflow:hidden;\r\n}\r\n\r\n#tato-exam-dashboard .tato-link-content{ min-width:0; }\r\n\r\n#tato-exam-dashboard .tato-link-icon{\r\n    margin-bottom:6px;\r\n    font-size:21px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-link-content strong{\r\n    display:block;\r\n    color:var(--maroon);\r\n    font-size:12px;\r\n    font-weight:600;\r\n}\r\n\r\n#tato-exam-dashboard .tato-link-content span{\r\n    display:block;\r\n    margin-top:4px;\r\n    color:var(--muted);\r\n    font-size:8px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-link-content small{\r\n    display:block;\r\n    margin-top:7px;\r\n    color:#9E878A;\r\n    font-size:7px;\r\n    line-height:1.5;\r\n}\r\n\r\n#tato-exam-dashboard .tato-link-open{\r\n    display:inline-block;\r\n    margin-top:9px;\r\n    padding:6px 10px;\r\n    color:#FFFFFF !important;\r\n    background:var(--maroon);\r\n    text-decoration:none !important;\r\n    border-radius:7px;\r\n    font-size:8px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-qr-box{\r\n    width:112px;\r\n    height:112px;\r\n    padding:8px;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n    background:#FFFFFF;\r\n    border:1px solid #E6D2D5;\r\n    border-radius:12px;\r\n    overflow:hidden;\r\n}\r\n\r\n#tato-exam-dashboard .tato-qr-image{\r\n    display:block !important;\r\n    width:94px !important;\r\n    height:94px !important;\r\n    min-width:94px !important;\r\n    max-width:94px !important;\r\n    min-height:94px !important;\r\n    max-height:94px !important;\r\n    object-fit:contain !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n}\r\n\r\n\/* ================= INFO ================= *\/\r\n\r\n#tato-exam-dashboard .tato-rules{\r\n    display:grid;\r\n    grid-template-columns:1.08fr .92fr;\r\n    gap:16px;\r\n    margin-top:27px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-info-card{\r\n    padding:20px;\r\n    background:var(--surface);\r\n    border:1px solid var(--border);\r\n    border-radius:17px;\r\n}\r\n\r\n#tato-exam-dashboard .tato-info-title{\r\n    margin:0 0 12px !important;\r\n    color:var(--maroon) !important;\r\n    font-size:17px;\r\n    font-weight:700;\r\n}\r\n\r\n#tato-exam-dashboard .tato-rule-list{\r\n    margin:0;\r\n    padding-left:21px;\r\n    color:#584448;\r\n    font-size:10px;\r\n    line-height:1.95;\r\n}\r\n\r\n#tato-exam-dashboard .tato-rule-list strong{\r\n    color:var(--maroon);\r\n}\r\n\r\n#tato-exam-dashboard .tato-emergency{\r\n    background:var(--surface);\r\n}\r\n\r\n\/* ================= FOOTER ================= *\/\r\n\r\n#tato-exam-dashboard .tato-footer{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:10px;\r\n    flex-wrap:wrap;\r\n    margin-top:25px;\r\n    padding-top:17px;\r\n    color:var(--muted);\r\n    border-top:1px solid var(--border);\r\n    font-size:8px;\r\n}\r\n\r\n\/* ================= RESPONSIVE ================= *\/\r\n\r\n@media(max-width:1100px){\r\n    #tato-exam-dashboard .tato-link-grid{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n    }\r\n}\r\n\r\n@media(max-width:900px){\r\n    #tato-exam-dashboard .tato-session-grid{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-stats{\r\n        grid-template-columns:repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-rules{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-round-header{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-round-flow{\r\n        grid-template-columns:1fr;\r\n        gap:8px;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-round-arrow{\r\n        display:none;\r\n    }\r\n}\r\n\r\n@media(max-width:600px){\r\n    #tato-exam-dashboard .tato-header{\r\n        padding:23px 19px;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-header-inner{\r\n        flex-direction:column;\r\n        align-items:flex-start;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-brand-pill{\r\n        width:100%;\r\n        min-width:0;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-main{\r\n        padding:21px 14px;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-session-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-stats{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-link-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    #tato-exam-dashboard .tato-countdown{\r\n        font-size:clamp(54px,18vw,82px);\r\n    }\r\n}\r\n\r\n\/* ================= FULLSCREEN ================= *\/\r\n\r\n#tato-exam-dashboard:fullscreen,\r\n#tato-exam-dashboard:-webkit-full-screen,\r\n#tato-exam-dashboard.tato-fullscreen{\r\n    position:fixed !important;\r\n    inset:0 !important;\r\n    z-index:2147483647 !important;\r\n    width:100vw !important;\r\n    height:100vh !important;\r\n    max-width:none !important;\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n    overflow:hidden !important;\r\n    background:#110508 !important;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-shell,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-shell,\r\n#tato-exam-dashboard.tato-fullscreen .tato-shell{\r\n    width:100vw !important;\r\n    height:100vh !important;\r\n    max-width:none !important;\r\n    margin:0 !important;\r\n    border:0 !important;\r\n    border-radius:0 !important;\r\n    box-shadow:none !important;\r\n    display:flex;\r\n    flex-direction:column;\r\n    overflow:hidden;\r\n}\r\n\r\n\/* full header *\/\r\n\r\n#tato-exam-dashboard:fullscreen .tato-header,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-header,\r\n#tato-exam-dashboard.tato-fullscreen .tato-header{\r\n    flex:0 0 auto;\r\n    padding:16px 34px 14px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-brand-small,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-brand-small,\r\n#tato-exam-dashboard.tato-fullscreen .tato-brand-small{\r\n    margin-bottom:4px;\r\n    font-size:9px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-title,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-title,\r\n#tato-exam-dashboard.tato-fullscreen .tato-title{\r\n    font-size:36px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-subtitle,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-subtitle,\r\n#tato-exam-dashboard.tato-fullscreen .tato-subtitle{\r\n    margin-top:5px;\r\n    font-size:10px;\r\n    line-height:1.35;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-brand-pill,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-brand-pill,\r\n#tato-exam-dashboard.tato-fullscreen .tato-brand-pill{\r\n    min-width:210px;\r\n    padding:11px 16px;\r\n    border-radius:18px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-brand-pill strong,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-brand-pill strong,\r\n#tato-exam-dashboard.tato-fullscreen .tato-brand-pill strong{\r\n    font-size:19px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-brand-pill small,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-brand-pill small,\r\n#tato-exam-dashboard.tato-fullscreen .tato-brand-pill small{\r\n    font-size:7px;\r\n}\r\n\r\n\/* full main *\/\r\n\r\n#tato-exam-dashboard:fullscreen .tato-main,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-main,\r\n#tato-exam-dashboard.tato-fullscreen .tato-main{\r\n    flex:1;\r\n    min-height:0;\r\n    display:flex;\r\n    flex-direction:column;\r\n    padding:12px 30px 12px;\r\n}\r\n\r\n\/* top line larger *\/\r\n\r\n#tato-exam-dashboard:fullscreen .tato-topbar,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-topbar,\r\n#tato-exam-dashboard.tato-fullscreen .tato-topbar{\r\n    margin-bottom:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-date,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-date,\r\n#tato-exam-dashboard.tato-fullscreen .tato-date{\r\n    font-size:11px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-sync,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-sync,\r\n#tato-exam-dashboard.tato-fullscreen .tato-sync{\r\n    padding:7px 11px;\r\n    font-size:8px;\r\n}\r\n\r\n\/* round banner bigger *\/\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-banner,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-banner,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-banner{\r\n    flex:0 0 auto;\r\n    margin-bottom:8px;\r\n    border-radius:12px;\r\n    box-shadow:none;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-header,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-header,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-header{\r\n    padding:8px 12px 7px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-title,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-title,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-title{\r\n    font-size:11px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-title span,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-title span,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-title span{\r\n    font-size:7px;\r\n    margin-left:6px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-status,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-status,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-status{\r\n    padding:5px 10px;\r\n    font-size:7px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-flow,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-flow,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-flow{\r\n    grid-template-columns:.95fr auto 1fr auto 1.3fr auto 1.25fr;\r\n    gap:7px;\r\n    padding:8px 12px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-step,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-step,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-step{\r\n    gap:6px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-number,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-number,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-number{\r\n    width:24px;\r\n    height:24px;\r\n    flex-basis:24px;\r\n    font-size:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-copy,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-copy,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-copy{\r\n    font-size:8px;\r\n    line-height:1.2;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-copy strong,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-copy strong,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-copy strong{\r\n    font-size:9px;\r\n    line-height:1.2;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-arrow,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-arrow,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-arrow{\r\n    font-size:16px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-round-note,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-round-note,\r\n#tato-exam-dashboard.tato-fullscreen .tato-round-note{\r\n    display:none;\r\n}\r\n\r\n\/* session bar bigger *\/\r\n\r\n#tato-exam-dashboard:fullscreen .tato-section-label,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-section-label,\r\n#tato-exam-dashboard.tato-fullscreen .tato-section-label{\r\n    display:none;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-session-grid,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-session-grid,\r\n#tato-exam-dashboard.tato-fullscreen .tato-session-grid{\r\n    flex:0 0 auto;\r\n    grid-template-columns:repeat(4,minmax(0,1fr));\r\n    gap:8px;\r\n    margin-bottom:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-session-btn,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-session-btn,\r\n#tato-exam-dashboard.tato-fullscreen .tato-session-btn{\r\n    min-height:0;\r\n    padding:8px 10px;\r\n    border-radius:10px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-session-code,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-session-code,\r\n#tato-exam-dashboard.tato-fullscreen .tato-session-code{\r\n    display:inline;\r\n    margin-right:5px;\r\n    font-size:15px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-session-name,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-session-name,\r\n#tato-exam-dashboard.tato-fullscreen .tato-session-name{\r\n    display:inline;\r\n    font-size:9px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-session-time,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-session-time,\r\n#tato-exam-dashboard.tato-fullscreen .tato-session-time{\r\n    display:block;\r\n    margin:2px 0 0;\r\n    font-size:8px;\r\n}\r\n\r\n\/* timer main *\/\r\n\r\n#tato-exam-dashboard:fullscreen .tato-timer-card,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-timer-card,\r\n#tato-exam-dashboard.tato-fullscreen .tato-timer-card{\r\n    flex:1;\r\n    min-height:0;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:center;\r\n    padding:14px 26px 12px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-timer-head,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-timer-head,\r\n#tato-exam-dashboard.tato-fullscreen .tato-timer-head{\r\n    margin-bottom:4px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-current-session,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-current-session,\r\n#tato-exam-dashboard.tato-fullscreen .tato-current-session{\r\n    font-size:25px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-current-subject,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-current-subject,\r\n#tato-exam-dashboard.tato-fullscreen .tato-current-subject{\r\n    margin-top:2px;\r\n    font-size:9px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-status-badge,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-status-badge,\r\n#tato-exam-dashboard.tato-fullscreen .tato-status-badge{\r\n    padding:7px 12px;\r\n    font-size:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-clock-label,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-clock-label,\r\n#tato-exam-dashboard.tato-fullscreen .tato-clock-label{\r\n    margin-top:2px;\r\n    font-size:9px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-countdown,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-countdown,\r\n#tato-exam-dashboard.tato-fullscreen .tato-countdown{\r\n    margin:2px auto 5px;\r\n    font-size:min(14vw,24vh);\r\n    line-height:.92;\r\n    letter-spacing:-6px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-time-caption,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-time-caption,\r\n#tato-exam-dashboard.tato-fullscreen .tato-time-caption{\r\n    margin-bottom:6px;\r\n    font-size:9px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-start-panel,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-start-panel,\r\n#tato-exam-dashboard.tato-fullscreen .tato-start-panel{\r\n    margin:0 0 7px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-start-btn,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-start-btn,\r\n#tato-exam-dashboard.tato-fullscreen .tato-start-btn{\r\n    min-width:190px;\r\n    padding:7px 13px;\r\n    font-size:9px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-reset-btn,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-reset-btn,\r\n#tato-exam-dashboard.tato-fullscreen .tato-reset-btn{\r\n    padding:7px 10px;\r\n    font-size:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-progress-wrap,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-progress-wrap,\r\n#tato-exam-dashboard.tato-fullscreen .tato-progress-wrap{\r\n    margin:2px 0 6px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-progress-bg,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-progress-bg,\r\n#tato-exam-dashboard.tato-fullscreen .tato-progress-bg{\r\n    height:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-progress-meta,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-progress-meta,\r\n#tato-exam-dashboard.tato-fullscreen .tato-progress-meta{\r\n    margin-top:4px;\r\n    font-size:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-stat,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-stat,\r\n#tato-exam-dashboard.tato-fullscreen .tato-stat{\r\n    padding:8px 6px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-stat-label,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-stat-label,\r\n#tato-exam-dashboard.tato-fullscreen .tato-stat-label{\r\n    margin-bottom:2px;\r\n    font-size:7px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-stat-value,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-stat-value,\r\n#tato-exam-dashboard.tato-fullscreen .tato-stat-value{\r\n    font-size:14px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-exit-box,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-exit-box,\r\n#tato-exam-dashboard.tato-fullscreen .tato-exit-box{\r\n    margin-top:6px;\r\n    padding:7px 10px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-exit-icon,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-exit-icon,\r\n#tato-exam-dashboard.tato-fullscreen .tato-exit-icon{\r\n    width:26px;\r\n    height:26px;\r\n    flex-basis:26px;\r\n    font-size:11px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-exit-main,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-exit-main,\r\n#tato-exam-dashboard.tato-fullscreen .tato-exit-main{\r\n    font-size:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-exit-sub,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-exit-sub,\r\n#tato-exam-dashboard.tato-fullscreen .tato-exit-sub{\r\n    font-size:7px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-thai-time,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-thai-time,\r\n#tato-exam-dashboard.tato-fullscreen .tato-thai-time{\r\n    margin-top:6px;\r\n    padding:8px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-thai-time-label,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-thai-time-label,\r\n#tato-exam-dashboard.tato-fullscreen .tato-thai-time-label{\r\n    font-size:6px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-thai-time-value,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-thai-time-value,\r\n#tato-exam-dashboard.tato-fullscreen .tato-thai-time-value{\r\n    margin-top:1px;\r\n    font-size:18px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-controls,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-controls,\r\n#tato-exam-dashboard.tato-fullscreen .tato-controls{\r\n    margin-top:6px;\r\n}\r\n\r\n#tato-exam-dashboard:fullscreen .tato-control-btn,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-control-btn,\r\n#tato-exam-dashboard.tato-fullscreen .tato-control-btn{\r\n    padding:5px 9px;\r\n    font-size:7px;\r\n}\r\n\r\n\/* hide non-essential sections in fullscreen *\/\r\n\r\n#tato-exam-dashboard:fullscreen .tato-quick,\r\n#tato-exam-dashboard:fullscreen .tato-rules,\r\n#tato-exam-dashboard:fullscreen .tato-footer,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-quick,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-rules,\r\n#tato-exam-dashboard:-webkit-full-screen .tato-footer,\r\n#tato-exam-dashboard.tato-fullscreen .tato-quick,\r\n#tato-exam-dashboard.tato-fullscreen .tato-rules,\r\n#tato-exam-dashboard.tato-fullscreen .tato-footer{\r\n    display:none !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"tato-shell\">\r\n\r\n<div class=\"tato-header\">\r\n    <div class=\"tato-header-inner\">\r\n        <div>\r\n            <div class=\"tato-brand-small\">\r\n                TECHED ASSESSMENT TESTING OFFICE\r\n            <\/div>\r\n\r\n            <h2 class=\"tato-title\">\r\n                Exam Control Timer\r\n            <\/h2>\r\n\r\n            <div class=\"tato-subtitle\">\r\n                SCOPE KOREA 2026 \u2022 Online Selection Round\r\n                <br>\r\n                \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e31\u0e1a\u0e40\u0e27\u0e25\u0e32\u0e41\u0e25\u0e30\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e38\u0e21\u0e2a\u0e2d\u0e1a\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tato-brand-pill\">\r\n            <strong>SCOPE KOREA<\/strong>\r\n            <strong>2026<\/strong>\r\n            <small>\r\n                STUDENT CONFERENCE ON PRESENTATION,\r\n                <br>\r\n                INNOVATION &amp; EVALUATION\r\n            <\/small>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"tato-main\">\r\n\r\n    <div class=\"tato-topbar\">\r\n        <div class=\"tato-date\">\r\n            <span class=\"tato-live-dot\"><\/span>\r\n            <span>\r\n                \u0e27\u0e31\u0e19\u0e2a\u0e2d\u0e1a:\r\n                <strong id=\"tatoExamDate\">\u0e01\u0e33\u0e25\u0e31\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e27\u0e31\u0e19\u0e17\u0e35\u0e48...<\/strong>\r\n            <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"tato-sync\" id=\"tatoSyncStatus\">\r\n            \u25cf \u0e01\u0e33\u0e25\u0e31\u0e07\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e40\u0e27\u0e25\u0e32\u0e23\u0e30\u0e1a\u0e1a...\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tato-round-banner\">\r\n        <div class=\"tato-round-header\">\r\n            <div class=\"tato-round-title\">\r\n                \u0e23\u0e2d\u0e1a\u0e04\u0e31\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n                <span>ONLINE SELECTION ROUND<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"tato-round-status\">\r\n                SCOPE KOREA 2026\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tato-round-flow\">\r\n            <div class=\"tato-round-step\">\r\n                <div class=\"tato-round-number\">01<\/div>\r\n                <div class=\"tato-round-copy\">\r\n                    \u0e23\u0e2d\u0e1a\u0e2a\u0e2d\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c\r\n                    <strong id=\"tatoRoundExamDate\">\u0e27\u0e31\u0e19\u0e2a\u0e2d\u0e1a<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-round-arrow\">\u203a<\/div>\r\n\r\n            <div class=\"tato-round-step\">\r\n                <div class=\"tato-round-number\">02<\/div>\r\n                <div class=\"tato-round-copy\">\r\n                    \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e1c\u0e25\u0e2a\u0e2d\u0e1a\r\n                    <strong id=\"tatoResultDate\">2 \u0e27\u0e31\u0e19\u0e2b\u0e25\u0e31\u0e07\u0e2a\u0e2d\u0e1a<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-round-arrow\">\u203a<\/div>\r\n\r\n            <div class=\"tato-round-step\">\r\n                <div class=\"tato-round-number\">03<\/div>\r\n                <div class=\"tato-round-copy\">\r\n                    \u0e01\u0e32\u0e23\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\r\n                    <strong>\u0e20\u0e32\u0e22\u0e43\u0e19\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 1\u20132 \u0e2a\u0e31\u0e1b\u0e14\u0e32\u0e2b\u0e4c<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-round-arrow\">\u203a<\/div>\r\n\r\n            <div class=\"tato-round-step\">\r\n                <div class=\"tato-round-number\">04<\/div>\r\n                <div class=\"tato-round-copy\">\r\n                    \u0e1c\u0e39\u0e49\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e04\u0e31\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\r\n                    <strong>\u0e23\u0e2d\u0e1a\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34 \u0e13 \u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e40\u0e01\u0e32\u0e2b\u0e25\u0e35\u0e43\u0e15\u0e49<\/strong>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tato-round-note\">\r\n            \u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e1c\u0e25\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e1c\u0e48\u0e32\u0e19\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n            <strong>TechEd Assessment Testing<\/strong>\r\n            \u2022 \u0e1c\u0e39\u0e49\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e04\u0e31\u0e14\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e42\u0e1b\u0e23\u0e14\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e22\u0e43\u0e19\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e42\u0e04\u0e23\u0e07\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tato-section-label\">\r\n        \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e2d\u0e1a \/ Examination Session\r\n    <\/div>\r\n\r\n    <div class=\"tato-session-grid\">\r\n        <button class=\"tato-session-btn active\" type=\"button\" data-session=\"T1\">\r\n            <div class=\"tato-session-code\">T1<\/div>\r\n            <div class=\"tato-session-name\">Medical &amp; Health Sciences<\/div>\r\n            <span class=\"tato-session-time\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23 09:30 \u2013 12:00<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"tato-session-btn\" type=\"button\" data-session=\"T2\">\r\n            <div class=\"tato-session-code\">T2<\/div>\r\n            <div class=\"tato-session-name\">Science, Engineering &amp; Technology<\/div>\r\n            <span class=\"tato-session-time\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23 13:30 \u2013 16:00<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"tato-session-btn\" type=\"button\" data-session=\"T3\">\r\n            <div class=\"tato-session-code\">T3<\/div>\r\n            <div class=\"tato-session-name\">Business &amp; Management<\/div>\r\n            <span class=\"tato-session-time\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23 09:30 \u2013 12:00<\/span>\r\n        <\/button>\r\n\r\n        <button class=\"tato-session-btn\" type=\"button\" data-session=\"T4\">\r\n            <div class=\"tato-session-code\">T4<\/div>\r\n            <div class=\"tato-session-name\">Social &amp; Educational Studies<\/div>\r\n            <span class=\"tato-session-time\">\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23 13:30 \u2013 16:00<\/span>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"tato-timer-card tato-ready\" id=\"tatoTimerCard\">\r\n\r\n        <div class=\"tato-timer-head\">\r\n            <div>\r\n                <div class=\"tato-current-session\" id=\"tatoCurrentSession\">\r\n                    T1 \u2022 \u0e23\u0e2d\u0e1a\u0e40\u0e0a\u0e49\u0e32\r\n                <\/div>\r\n\r\n                <div class=\"tato-current-subject\" id=\"tatoCurrentSubject\">\r\n                    Medical &amp; Health Sciences | \u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-status-badge waiting\" id=\"tatoStatusBadge\">\r\n                \u0e23\u0e2d\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e2d\u0e1a\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tato-clock-label\" id=\"tatoClockLabel\">\r\n            \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\r\n        <\/div>\r\n\r\n        <div class=\"tato-countdown\" id=\"tatoCountdown\">\r\n            02:30:00\r\n        <\/div>\r\n\r\n        <div class=\"tato-time-caption\" id=\"tatoTimeCaption\">\r\n            \u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e31\u0e1a\u0e40\u0e27\u0e25\u0e32 150 \u0e19\u0e32\u0e17\u0e35 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\r\n        <\/div>\r\n\r\n        <div class=\"tato-start-panel\">\r\n            <button type=\"button\" class=\"tato-start-btn\" id=\"tatoStartExamBtn\">\r\n                \u25b6 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a 150 \u0e19\u0e32\u0e17\u0e35\r\n            <\/button>\r\n\r\n            <button type=\"button\" class=\"tato-reset-btn\" id=\"tatoResetExamBtn\">\r\n                \u21ba \u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\u0e40\u0e27\u0e25\u0e32\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"tato-progress-wrap\">\r\n            <div class=\"tato-progress-bg\">\r\n                <div class=\"tato-progress-bar\" id=\"tatoProgressBar\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-progress-meta\">\r\n                <span>\r\n                    \u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e23\u0e34\u0e07\r\n                    <strong id=\"tatoStartLabel\">--:--<\/strong>\r\n                <\/span>\r\n\r\n                <span id=\"tatoPercent\">0%<\/span>\r\n\r\n                <span>\r\n                    \u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e08\u0e23\u0e34\u0e07\r\n                    <strong id=\"tatoEndLabel\">--:--<\/strong>\r\n                <\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tato-stats\">\r\n            <div class=\"tato-stat\">\r\n                <div class=\"tato-stat-label\">\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e2d\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/div>\r\n                <div class=\"tato-stat-value\">2 \u0e0a\u0e21. 30 \u0e19\u0e32\u0e17\u0e35<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-stat\">\r\n                <div class=\"tato-stat-label\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e44\u0e1b<\/div>\r\n                <div class=\"tato-stat-value\" id=\"tatoElapsed\">00:00:00<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-stat\">\r\n                <div class=\"tato-stat-label\">\u0e40\u0e27\u0e25\u0e32\u0e04\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d<\/div>\r\n                <div class=\"tato-stat-value red\" id=\"tatoRemainingMini\">02:30:00<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-stat\">\r\n                <div class=\"tato-stat-label\">\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49<\/div>\r\n                <div class=\"tato-stat-value green\" id=\"tatoExitTime\">--:--<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tato-exit-box\" id=\"tatoExitBox\">\r\n            <div class=\"tato-exit-icon\" id=\"tatoExitIcon\">\u23f3<\/div>\r\n            <div>\r\n                <div class=\"tato-exit-main\" id=\"tatoExitMain\">\r\n                    \u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\r\n                <\/div>\r\n                <div class=\"tato-exit-sub\" id=\"tatoExitSub\">\r\n                    \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e17\u0e33\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a\u0e04\u0e23\u0e1a\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 30 \u0e19\u0e32\u0e17\u0e35\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tato-thai-time\">\r\n            <div class=\"tato-thai-time-label\">\r\n                OFFICIAL DISPLAY \u2022 THAILAND TIME (GMT+7)\r\n            <\/div>\r\n            <div class=\"tato-thai-time-value\" id=\"tatoThaiClock\">--:--:--<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tato-alert\" id=\"tatoAlert\"><\/div>\r\n\r\n        <div class=\"tato-controls\">\r\n            <button type=\"button\" class=\"tato-control-btn primary\" id=\"tatoFullscreenBtn\">\r\n                \u26f6 \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\r\n            <\/button>\r\n\r\n            <button type=\"button\" class=\"tato-control-btn\" id=\"tatoDarkBtn\">\r\n                \ud83c\udf19 \u0e42\u0e2b\u0e21\u0e14\u0e14\u0e32\u0e23\u0e4c\u0e01\r\n            <\/button>\r\n\r\n            <button type=\"button\" class=\"tato-control-btn\" id=\"tatoSoundBtn\">\r\n                \ud83d\udd07 \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\r\n            <\/button>\r\n\r\n            <button type=\"button\" class=\"tato-control-btn\" id=\"tatoWakeBtn\">\r\n                \u2600\ufe0f \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e14\u0e31\u0e1a\r\n            <\/button>\r\n\r\n            <button type=\"button\" class=\"tato-control-btn\" id=\"tatoSyncBtn\">\r\n                \u21bb Sync \u0e40\u0e27\u0e25\u0e32\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\r\n            <\/button>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"tato-quick\">\r\n        <div class=\"tato-quick-title\">\r\n            \u0e17\u0e32\u0e07\u0e25\u0e31\u0e14\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e04\u0e38\u0e21\u0e2a\u0e2d\u0e1a\r\n        <\/div>\r\n\r\n        <div class=\"tato-link-grid\">\r\n            <div class=\"tato-link-card\">\r\n                <div class=\"tato-link-content\">\r\n                    <div class=\"tato-link-icon\">\ud83d\udda5\ufe0f<\/div>\r\n                    <strong>TechEd Testing<\/strong>\r\n                    <span>\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a<\/span>\r\n                    <small>\u0e2a\u0e41\u0e01\u0e19 QR Code \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1b\u0e34\u0e14\u0e25\u0e34\u0e07\u0e01\u0e4c<\/small>\r\n                    <a class=\"tato-link-open\" href=\"https:\/\/www.techeducationth.com\/techedtestingnew\" target=\"_blank\" rel=\"noopener\">\r\n                        \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"tato-qr-box\">\r\n                    <img id=\"tatoQRTesting\" class=\"tato-qr-image\" alt=\"QR Code TechEd Testing\" loading=\"eager\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-link-card\">\r\n                <div class=\"tato-link-content\">\r\n                    <div class=\"tato-link-icon\">\ud83c\udfa5<\/div>\r\n                    <strong>Google Meet<\/strong>\r\n                    <span>\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e2d\u0e1a\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c<\/span>\r\n                    <small>\u0e2a\u0e41\u0e01\u0e19 QR Code \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1b\u0e34\u0e14\u0e25\u0e34\u0e07\u0e01\u0e4c<\/small>\r\n                    <a class=\"tato-link-open\" href=\"https:\/\/meet.google.com\/ibt-zkhr-nnk\" target=\"_blank\" rel=\"noopener\">\r\n                        \u0e40\u0e1b\u0e34\u0e14\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e2d\u0e1a\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"tato-qr-box\">\r\n                    <img id=\"tatoQRMeet\" class=\"tato-qr-image\" alt=\"QR Code Google Meet\" loading=\"eager\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-link-card\">\r\n                <div class=\"tato-link-content\">\r\n                    <div class=\"tato-link-icon\">\ud83d\udcd8<\/div>\r\n                    <strong>Test Guide<\/strong>\r\n                    <span>\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a<\/span>\r\n                    <small>\u0e2a\u0e41\u0e01\u0e19 QR Code \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1b\u0e34\u0e14\u0e25\u0e34\u0e07\u0e01\u0e4c<\/small>\r\n                    <a class=\"tato-link-open\" href=\"https:\/\/www.techeducationth.com\/index.php\/testguide\/\" target=\"_blank\" rel=\"noopener\">\r\n                        \u0e40\u0e1b\u0e34\u0e14\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"tato-qr-box\">\r\n                    <img id=\"tatoQRGuide\" class=\"tato-qr-image\" alt=\"QR Code Test Guide\" loading=\"eager\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"tato-link-card\">\r\n                <div class=\"tato-link-content\">\r\n                    <div class=\"tato-link-icon\">\ud83d\udcd1<\/div>\r\n                    <strong>Exam Scope<\/strong>\r\n                    <span>\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a<\/span>\r\n                    <small>\u0e2a\u0e41\u0e01\u0e19 QR Code \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1b\u0e34\u0e14\u0e25\u0e34\u0e07\u0e01\u0e4c<\/small>\r\n                    <a class=\"tato-link-open\" href=\"https:\/\/www.techeducationth.com\/index.php\/scope\/\" target=\"_blank\" rel=\"noopener\">\r\n                        \u0e40\u0e1b\u0e34\u0e14\u0e02\u0e2d\u0e1a\u0e40\u0e02\u0e15\u0e2a\u0e2d\u0e1a\r\n                    <\/a>\r\n                <\/div>\r\n\r\n                <div class=\"tato-qr-box\">\r\n                    <img id=\"tatoQRScope\" class=\"tato-qr-image\" alt=\"QR Code Exam Scope\" loading=\"eager\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tato-rules\">\r\n        <div class=\"tato-info-card\">\r\n            <h3 class=\"tato-info-title\">\r\n                \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a | Examination Information\r\n            <\/h3>\r\n\r\n            <ul class=\"tato-rule-list\">\r\n                <li>\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 <strong>40 \u0e02\u0e49\u0e2d<\/strong> \u0e41\u0e1a\u0e48\u0e07\u0e40\u0e1b\u0e47\u0e19 PART 1 \u0e08\u0e33\u0e19\u0e27\u0e19 20 \u0e02\u0e49\u0e2d \u0e41\u0e25\u0e30 PART 2 \u0e08\u0e33\u0e19\u0e27\u0e19 20 \u0e02\u0e49\u0e2d<\/li>\r\n                <li>\u0e23\u0e30\u0e22\u0e30\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e2d\u0e1a <strong>150 \u0e19\u0e32\u0e17\u0e35<\/strong> \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22 3.75 \u0e19\u0e32\u0e17\u0e35\/\u0e02\u0e49\u0e2d<\/li>\r\n                <li>\u0e04\u0e30\u0e41\u0e19\u0e19\u0e23\u0e27\u0e21 <strong>280 \u0e04\u0e30\u0e41\u0e19\u0e19<\/strong> \u0e02\u0e49\u0e2d\u0e25\u0e30 7 \u0e04\u0e30\u0e41\u0e19\u0e19<\/li>\r\n                <li>\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a <strong>Article-Based MCQs with Reasoning<\/strong><\/li>\r\n                <li>\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e1b\u0e34\u0e14\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e1c\u0e48\u0e32\u0e19 <strong>Google Meet \u0e15\u0e25\u0e2d\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a<\/strong><\/li>\r\n                <li>\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e2d\u0e1a\u0e2b\u0e25\u0e31\u0e07\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e31\u0e1a\u0e40\u0e27\u0e25\u0e32\u0e08\u0e23\u0e34\u0e07\u0e41\u0e25\u0e49\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e19\u0e49\u0e2d\u0e22 <strong>1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 30 \u0e19\u0e32\u0e17\u0e35<\/strong><\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"tato-info-card tato-emergency\">\r\n            <h3 class=\"tato-info-title\">\r\n                \u0e02\u0e49\u0e2d\u0e01\u0e33\u0e0a\u0e31\u0e1a\u0e2a\u0e33\u0e04\u0e31\u0e0d | Proctor Notice\r\n            <\/h3>\r\n\r\n            <ul class=\"tato-rule-list\">\r\n                <li>\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a <strong>Open-Resource Assessment<\/strong><\/li>\r\n                <li>\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2a\u0e2d\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14<\/li>\r\n                <li><strong>\u0e44\u0e21\u0e48\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e20\u0e32\u0e22\u0e19\u0e2d\u0e01\u0e2b\u0e23\u0e37\u0e2d AI \u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/strong><\/li>\r\n                <li>\u0e44\u0e21\u0e48\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e17\u0e35\u0e48\u0e19\u0e31\u0e48\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e02\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e19\u0e49\u0e33\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a<\/li>\r\n                <li>\u0e2b\u0e49\u0e32\u0e21\u0e43\u0e0a\u0e49\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23 \u0e2b\u0e23\u0e37\u0e2d\u0e1a\u0e31\u0e19\u0e17\u0e36\u0e01\u0e20\u0e32\u0e1e\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a<\/li>\r\n                <li>\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e01\u0e34\u0e14\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e2a\u0e2d\u0e1a \u0e43\u0e2b\u0e49\u0e41\u0e08\u0e49\u0e07\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1c\u0e48\u0e32\u0e19 Google Meet \u0e17\u0e31\u0e19\u0e17\u0e35<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tato-footer\">\r\n        <div>\r\n            \u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e17\u0e14\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e1c\u0e25 \u2022 TechEd Assessment Testing Office (TATO)\r\n        <\/div>\r\n\r\n        <div>\r\n            SCOPE KOREA 2026 \u2022 Online Selection Round\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n\r\nconst CONFIG = {\r\n    examDurationMinutes:150,\r\n    exitAfterMinutes:90,\r\n    resultAfterDays:2,\r\n\r\n    sessions:{\r\n        T1:{\r\n            code:\"T1\",\r\n            round:\"\u0e23\u0e2d\u0e1a\u0e40\u0e0a\u0e49\u0e32\",\r\n            subject:\"Medical & Health Sciences | \u0e01\u0e32\u0e23\u0e41\u0e1e\u0e17\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e38\u0e02\u0e20\u0e32\u0e1e\",\r\n            plannedTime:\"09:30 \u2013 12:00\"\r\n        },\r\n        T2:{\r\n            code:\"T2\",\r\n            round:\"\u0e23\u0e2d\u0e1a\u0e1a\u0e48\u0e32\u0e22\",\r\n            subject:\"Science, Engineering & Technology | \u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\",\r\n            plannedTime:\"13:30 \u2013 16:00\"\r\n        },\r\n        T3:{\r\n            code:\"T3\",\r\n            round:\"\u0e23\u0e2d\u0e1a\u0e40\u0e0a\u0e49\u0e32\",\r\n            subject:\"Business & Management | \u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\",\r\n            plannedTime:\"09:30 \u2013 12:00\"\r\n        },\r\n        T4:{\r\n            code:\"T4\",\r\n            round:\"\u0e23\u0e2d\u0e1a\u0e1a\u0e48\u0e32\u0e22\",\r\n            subject:\"Social & Educational Studies | \u0e2a\u0e31\u0e07\u0e04\u0e21\u0e28\u0e36\u0e01\u0e29\u0e32\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\",\r\n            plannedTime:\"13:30 \u2013 16:00\"\r\n        }\r\n    }\r\n};\r\n\r\nconst LINKS = {\r\n    testing:\"https:\/\/www.techeducationth.com\/techedtestingnew\",\r\n    meet:\"https:\/\/meet.google.com\/ibt-zkhr-nnk\",\r\n    guide:\"https:\/\/www.techeducationth.com\/index.php\/testguide\/\",\r\n    scope:\"https:\/\/www.techeducationth.com\/index.php\/scope\/\"\r\n};\r\n\r\nconst root = document.getElementById(\"tato-exam-dashboard\");\r\nif(!root){ return; }\r\n\r\nconst countdown = document.getElementById(\"tatoCountdown\");\r\nconst clockLabel = document.getElementById(\"tatoClockLabel\");\r\nconst timeCaption = document.getElementById(\"tatoTimeCaption\");\r\nconst currentSession = document.getElementById(\"tatoCurrentSession\");\r\nconst currentSubject = document.getElementById(\"tatoCurrentSubject\");\r\nconst statusBadge = document.getElementById(\"tatoStatusBadge\");\r\nconst progressBar = document.getElementById(\"tatoProgressBar\");\r\nconst percentText = document.getElementById(\"tatoPercent\");\r\nconst elapsedText = document.getElementById(\"tatoElapsed\");\r\nconst remainingMini = document.getElementById(\"tatoRemainingMini\");\r\nconst startLabel = document.getElementById(\"tatoStartLabel\");\r\nconst endLabel = document.getElementById(\"tatoEndLabel\");\r\nconst exitTime = document.getElementById(\"tatoExitTime\");\r\nconst exitBox = document.getElementById(\"tatoExitBox\");\r\nconst exitIcon = document.getElementById(\"tatoExitIcon\");\r\nconst exitMain = document.getElementById(\"tatoExitMain\");\r\nconst exitSub = document.getElementById(\"tatoExitSub\");\r\nconst thaiClock = document.getElementById(\"tatoThaiClock\");\r\nconst examDateText = document.getElementById(\"tatoExamDate\");\r\nconst roundExamDate = document.getElementById(\"tatoRoundExamDate\");\r\nconst resultDate = document.getElementById(\"tatoResultDate\");\r\nconst alertBox = document.getElementById(\"tatoAlert\");\r\nconst syncStatus = document.getElementById(\"tatoSyncStatus\");\r\nconst syncBtn = document.getElementById(\"tatoSyncBtn\");\r\nconst soundBtn = document.getElementById(\"tatoSoundBtn\");\r\nconst fullscreenBtn = document.getElementById(\"tatoFullscreenBtn\");\r\nconst darkBtn = document.getElementById(\"tatoDarkBtn\");\r\nconst wakeBtn = document.getElementById(\"tatoWakeBtn\");\r\nconst startExamBtn = document.getElementById(\"tatoStartExamBtn\");\r\nconst resetExamBtn = document.getElementById(\"tatoResetExamBtn\");\r\nconst timerCard = document.getElementById(\"tatoTimerCard\");\r\nconst sessionButtons = root.querySelectorAll(\".tato-session-btn\");\r\n\r\nlet selectedSession = \"T1\";\r\nlet serverOffset = 0;\r\nlet serverSynced = false;\r\nlet soundEnabled = false;\r\nlet wakeLock = null;\r\nlet firedWarnings = {};\r\nlet examStartTime = null;\r\nlet examEndTime = null;\r\nlet examExitTime = null;\r\nlet darkMode = false;\r\n\r\nconst EXAM_DURATION = CONFIG.examDurationMinutes * 60 * 1000;\r\nconst EXIT_DURATION = CONFIG.exitAfterMinutes * 60 * 1000;\r\n\r\nfunction now(){\r\n    return Date.now() + serverOffset;\r\n}\r\n\r\nfunction pad(n){\r\n    return String(n).padStart(2,\"0\");\r\n}\r\n\r\nfunction formatDuration(ms){\r\n    ms = Math.max(0,ms);\r\n    let seconds = Math.floor(ms\/1000);\r\n    const hours = Math.floor(seconds\/3600);\r\n    seconds %= 3600;\r\n    const minutes = Math.floor(seconds\/60);\r\n    const secs = seconds % 60;\r\n    return pad(hours)+\":\"+pad(minutes)+\":\"+pad(secs);\r\n}\r\n\r\nfunction formatClock(timestamp){\r\n    return new Intl.DateTimeFormat(\"th-TH\",{\r\n        timeZone:\"Asia\/Bangkok\",\r\n        hour:\"2-digit\",\r\n        minute:\"2-digit\",\r\n        second:\"2-digit\",\r\n        hour12:false,\r\n        hourCycle:\"h23\"\r\n    }).format(new Date(timestamp));\r\n}\r\n\r\nfunction formatClockShort(timestamp){\r\n    return new Intl.DateTimeFormat(\"th-TH\",{\r\n        timeZone:\"Asia\/Bangkok\",\r\n        hour:\"2-digit\",\r\n        minute:\"2-digit\",\r\n        hour12:false,\r\n        hourCycle:\"h23\"\r\n    }).format(new Date(timestamp));\r\n}\r\n\r\nfunction formatThaiDate(timestamp){\r\n    return new Intl.DateTimeFormat(\"th-TH\",{\r\n        timeZone:\"Asia\/Bangkok\",\r\n        day:\"numeric\",\r\n        month:\"long\",\r\n        year:\"numeric\"\r\n    }).format(new Date(timestamp));\r\n}\r\n\r\nfunction addDays(timestamp,days){\r\n    return timestamp + (days * 86400000);\r\n}\r\n\r\nfunction getBangkokDateKey(timestamp){\r\n    const parts = new Intl.DateTimeFormat(\"en-CA\",{\r\n        timeZone:\"Asia\/Bangkok\",\r\n        year:\"numeric\",\r\n        month:\"2-digit\",\r\n        day:\"2-digit\"\r\n    }).formatToParts(new Date(timestamp));\r\n\r\n    const result = {};\r\n    parts.forEach(function(part){\r\n        if(part.type !== \"literal\"){\r\n            result[part.type] = part.value;\r\n        }\r\n    });\r\n\r\n    return result.year + \"-\" + result.month + \"-\" + result.day;\r\n}\r\n\r\nfunction updateExamDate(){\r\n    const current = now();\r\n\r\n    examDateText.textContent = new Intl.DateTimeFormat(\"th-TH\",{\r\n        timeZone:\"Asia\/Bangkok\",\r\n        weekday:\"long\",\r\n        day:\"numeric\",\r\n        month:\"long\",\r\n        year:\"numeric\"\r\n    }).format(new Date(current));\r\n\r\n    roundExamDate.textContent = formatThaiDate(current);\r\n\r\n    const resultTimestamp = addDays(current, CONFIG.resultAfterDays);\r\n    resultDate.textContent = formatThaiDate(resultTimestamp);\r\n}\r\n\r\nasync function syncServerTime(){\r\n    syncStatus.textContent = \"\u25cf \u0e01\u0e33\u0e25\u0e31\u0e07 Sync \u0e40\u0e27\u0e25\u0e32...\";\r\n\r\n    try{\r\n        const started = Date.now();\r\n        const cleanURL = window.location.href.split(\"#\")[0];\r\n\r\n        const response = await fetch(\r\n            cleanURL + (cleanURL.includes(\"?\") ? \"&\" : \"?\") + \"tato_sync=\" + Date.now(),\r\n            {\r\n                method:\"HEAD\",\r\n                cache:\"no-store\",\r\n                credentials:\"same-origin\"\r\n            }\r\n        );\r\n\r\n        const finished = Date.now();\r\n        const serverDate = response.headers.get(\"date\");\r\n\r\n        if(!serverDate){\r\n            throw new Error(\"No server time\");\r\n        }\r\n\r\n        const midpoint = started + ((finished-started)\/2);\r\n        serverOffset = new Date(serverDate).getTime() - midpoint;\r\n        serverSynced = true;\r\n        syncStatus.textContent = \"\u25cf Server Time Synced\";\r\n    }catch(error){\r\n        if(!serverSynced){\r\n            serverOffset = 0;\r\n            syncStatus.textContent = \"\u25cf Device Time\";\r\n        }else{\r\n            syncStatus.textContent = \"\u25cf Last Server Sync\";\r\n        }\r\n    }\r\n\r\n    updateExamDate();\r\n}\r\n\r\nfunction getStorageKey(){\r\n    return \"tato_exam_timer_\" + getBangkokDateKey(now()) + \"_\" + selectedSession;\r\n}\r\n\r\nfunction saveExamState(){\r\n    if(!examStartTime){ return; }\r\n\r\n    try{\r\n        localStorage.setItem(getStorageKey(), JSON.stringify({\r\n            start:examStartTime,\r\n            end:examEndTime,\r\n            exit:examExitTime\r\n        }));\r\n    }catch(error){}\r\n}\r\n\r\nfunction loadExamState(){\r\n    examStartTime = null;\r\n    examEndTime = null;\r\n    examExitTime = null;\r\n\r\n    try{\r\n        const saved = localStorage.getItem(getStorageKey());\r\n\r\n        if(saved){\r\n            const state = JSON.parse(saved);\r\n\r\n            if(state && state.start && state.end && state.exit){\r\n                examStartTime = Number(state.start);\r\n                examEndTime = Number(state.end);\r\n                examExitTime = Number(state.exit);\r\n            }\r\n        }\r\n    }catch(error){}\r\n\r\n    firedWarnings = {};\r\n    updateTimer();\r\n}\r\n\r\nfunction beep(frequency, duration){\r\n    if(!soundEnabled){ return; }\r\n\r\n    try{\r\n        const AC = window.AudioContext || window.webkitAudioContext;\r\n        if(!AC){ return; }\r\n\r\n        const ctx = new AC();\r\n        const oscillator = ctx.createOscillator();\r\n        const gain = ctx.createGain();\r\n\r\n        oscillator.frequency.value = frequency || 850;\r\n        oscillator.connect(gain);\r\n        gain.connect(ctx.destination);\r\n        gain.gain.value = .15;\r\n\r\n        oscillator.start();\r\n\r\n        gain.gain.exponentialRampToValueAtTime(\r\n            .001,\r\n            ctx.currentTime + ((duration || 400)\/1000)\r\n        );\r\n\r\n        oscillator.stop(\r\n            ctx.currentTime + ((duration || 400)\/1000)\r\n        );\r\n    }catch(error){}\r\n}\r\n\r\nfunction alertWarning(key,text,danger){\r\n    if(firedWarnings[key]){ return; }\r\n\r\n    firedWarnings[key] = true;\r\n    alertBox.textContent = text;\r\n    alertBox.className = \"tato-alert show\" + (danger ? \" danger\" : \"\");\r\n\r\n    beep(danger ? 1050 : 800, danger ? 650 : 400);\r\n\r\n    setTimeout(function(){\r\n        alertBox.classList.remove(\"show\");\r\n    },10000);\r\n}\r\n\r\nfunction applyDarkModeState(){\r\n    root.classList.toggle(\"tato-dark\", darkMode);\r\n    darkBtn.textContent = darkMode ? \"\u2600\ufe0f \u0e42\u0e2b\u0e21\u0e14\u0e2a\u0e27\u0e48\u0e32\u0e07\" : \"\ud83c\udf19 \u0e42\u0e2b\u0e21\u0e14\u0e14\u0e32\u0e23\u0e4c\u0e01\";\r\n\r\n    try{\r\n        localStorage.setItem(\"tato_dark_mode\", darkMode ? \"1\" : \"0\");\r\n    }catch(error){}\r\n}\r\n\r\ndarkBtn.addEventListener(\"click\", function(){\r\n    darkMode = !darkMode;\r\n    applyDarkModeState();\r\n});\r\n\r\nfunction loadDarkMode(){\r\n    try{\r\n        const saved = localStorage.getItem(\"tato_dark_mode\");\r\n        darkMode = saved === \"1\";\r\n    }catch(error){\r\n        darkMode = false;\r\n    }\r\n    applyDarkModeState();\r\n}\r\n\r\nfunction selectSession(code){\r\n    if(!CONFIG.sessions[code]){ return; }\r\n\r\n    selectedSession = code;\r\n\r\n    sessionButtons.forEach(function(button){\r\n        button.classList.toggle(\"active\", button.dataset.session === code);\r\n    });\r\n\r\n    const session = CONFIG.sessions[code];\r\n\r\n    currentSession.textContent = session.code + \" \u2022 \" + session.round;\r\n    currentSubject.textContent = session.subject;\r\n\r\n    try{\r\n        sessionStorage.setItem(\"tatoSelectedSession\", code);\r\n    }catch(error){}\r\n\r\n    loadExamState();\r\n}\r\n\r\nsessionButtons.forEach(function(button){\r\n    button.addEventListener(\"click\", function(){\r\n        selectSession(this.dataset.session);\r\n    });\r\n});\r\n\r\nstartExamBtn.addEventListener(\"click\", function(){\r\n    if(examStartTime){ return; }\r\n\r\n    const session = CONFIG.sessions[selectedSession];\r\n\r\n    const confirmed = window.confirm(\r\n        \"\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a \" +\r\n        session.code +\r\n        \"\\n\\n\" +\r\n        session.subject +\r\n        \"\\n\\n\" +\r\n        \"\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e01\u0e14\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19 \u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e31\u0e1a\u0e40\u0e27\u0e25\u0e32 150 \u0e19\u0e32\u0e17\u0e35\u0e17\u0e31\u0e19\u0e17\u0e35\"\r\n    );\r\n\r\n    if(!confirmed){ return; }\r\n\r\n    examStartTime = now();\r\n    examEndTime = examStartTime + EXAM_DURATION;\r\n    examExitTime = examStartTime + EXIT_DURATION;\r\n    firedWarnings = {};\r\n\r\n    saveExamState();\r\n    beep(750,350);\r\n    updateTimer();\r\n});\r\n\r\nresetExamBtn.addEventListener(\"click\", function(){\r\n    if(!examStartTime){\r\n        alert(\"\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\");\r\n        return;\r\n    }\r\n\r\n    const confirmed = window.confirm(\r\n        \"\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e01\u0e32\u0e23\u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\u0e40\u0e27\u0e25\u0e32\u0e02\u0e2d\u0e07 \" +\r\n        selectedSession +\r\n        \" ?\\n\\n\" +\r\n        \"\u0e40\u0e27\u0e25\u0e32\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e08\u0e30\u0e16\u0e39\u0e01\u0e25\u0e1a \u0e41\u0e25\u0e30\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e43\u0e2b\u0e21\u0e48\"\r\n    );\r\n\r\n    if(!confirmed){ return; }\r\n\r\n    try{\r\n        localStorage.removeItem(getStorageKey());\r\n    }catch(error){}\r\n\r\n    examStartTime = null;\r\n    examEndTime = null;\r\n    examExitTime = null;\r\n    firedWarnings = {};\r\n    alertBox.className = \"tato-alert\";\r\n    updateTimer();\r\n});\r\n\r\nfunction updateTimer(){\r\n    const session = CONFIG.sessions[selectedSession];\r\n    const current = now();\r\n\r\n    thaiClock.textContent = formatClock(current);\r\n    updateExamDate();\r\n\r\n    countdown.classList.remove(\"warning\",\"danger\",\"finished\");\r\n    progressBar.classList.remove(\"warning\",\"danger\");\r\n\r\n    if(!examStartTime){\r\n        timerCard.classList.add(\"tato-ready\");\r\n\r\n        clockLabel.textContent = \"\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\";\r\n        countdown.textContent = \"02:30:00\";\r\n\r\n        timeCaption.textContent =\r\n            \"\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23 \" + session.plannedTime + \" \u0e19. \u2022 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e31\u0e1a\u0e40\u0e27\u0e25\u0e32\u0e08\u0e23\u0e34\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e01\u0e14\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\";\r\n\r\n        elapsedText.textContent = \"00:00:00\";\r\n        remainingMini.textContent = \"02:30:00\";\r\n        progressBar.style.width = \"0%\";\r\n        percentText.textContent = \"0%\";\r\n        startLabel.textContent = \"--:--\";\r\n        endLabel.textContent = \"--:--\";\r\n        exitTime.textContent = \"--:--\";\r\n\r\n        statusBadge.textContent = \"\u0e23\u0e2d\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e2d\u0e1a\";\r\n        statusBadge.className = \"tato-status-badge waiting\";\r\n\r\n        exitBox.classList.remove(\"allowed\");\r\n        exitIcon.textContent = \"\u23f3\";\r\n        exitMain.textContent = \"\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\";\r\n        exitSub.textContent = \"\u0e01\u0e14 \u201c\u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a 150 \u0e19\u0e32\u0e17\u0e35\u201d \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e01\u0e32\u0e28\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a\u0e40\u0e23\u0e34\u0e48\u0e21\u0e17\u0e33\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a\";\r\n\r\n        startExamBtn.disabled = false;\r\n        startExamBtn.textContent = \"\u25b6 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a 150 \u0e19\u0e32\u0e17\u0e35\";\r\n\r\n        return;\r\n    }\r\n\r\n    timerCard.classList.remove(\"tato-ready\");\r\n\r\n    const start = examStartTime;\r\n    const end = examEndTime;\r\n    const exit = examExitTime;\r\n\r\n    startLabel.textContent = formatClockShort(start);\r\n    endLabel.textContent = formatClockShort(end);\r\n    exitTime.textContent = formatClockShort(exit);\r\n\r\n    startExamBtn.disabled = true;\r\n    startExamBtn.textContent = \"\u2713 \u0e40\u0e23\u0e34\u0e48\u0e21\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e49\u0e27 \" + formatClock(start);\r\n\r\n    if(current >= end){\r\n        clockLabel.textContent = \"\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\";\r\n        countdown.textContent = \"00:00:00\";\r\n        countdown.classList.add(\"finished\");\r\n        elapsedText.textContent = \"02:30:00\";\r\n        remainingMini.textContent = \"00:00:00\";\r\n        progressBar.style.width = \"100%\";\r\n        percentText.textContent = \"100%\";\r\n        statusBadge.textContent = \"\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\";\r\n        statusBadge.className = \"tato-status-badge finished\";\r\n\r\n        timeCaption.textContent =\r\n            \"\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e23\u0e34\u0e07 \" + formatClock(start) + \" \u2022 \u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e08\u0e23\u0e34\u0e07 \" + formatClock(end);\r\n\r\n        exitBox.classList.add(\"allowed\");\r\n        exitIcon.textContent = \"\u2713\";\r\n        exitMain.textContent = \"\u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e49\u0e27\";\r\n        exitSub.textContent = \"\u0e01\u0e23\u0e38\u0e13\u0e32\u0e41\u0e08\u0e49\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a\u0e2b\u0e22\u0e38\u0e14\u0e17\u0e33\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e15\u0e2d\u0e1a\";\r\n\r\n        alertWarning(\r\n            \"finished\",\r\n            \"\u0e2b\u0e21\u0e14\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e41\u0e25\u0e49\u0e27 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e41\u0e08\u0e49\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a\u0e2b\u0e22\u0e38\u0e14\u0e17\u0e33\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a\",\r\n            true\r\n        );\r\n\r\n        return;\r\n    }\r\n\r\n    const elapsed = current - start;\r\n    const remaining = end - current;\r\n    const percentage = Math.min(100, Math.max(0, (elapsed \/ EXAM_DURATION) * 100));\r\n\r\n    clockLabel.textContent = \"\u0e40\u0e27\u0e25\u0e32\u0e04\u0e07\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\";\r\n    countdown.textContent = formatDuration(remaining);\r\n    elapsedText.textContent = formatDuration(elapsed);\r\n    remainingMini.textContent = formatDuration(remaining);\r\n    progressBar.style.width = percentage.toFixed(2) + \"%\";\r\n    percentText.textContent = Math.floor(percentage) + \"%\";\r\n\r\n    statusBadge.textContent = \"\u0e01\u0e33\u0e25\u0e31\u0e07\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\";\r\n    statusBadge.className = \"tato-status-badge running\";\r\n\r\n    timeCaption.textContent =\r\n        \"\u0e40\u0e23\u0e34\u0e48\u0e21\u0e08\u0e23\u0e34\u0e07 \" + formatClock(start) + \" \u2022 \u0e2a\u0e34\u0e49\u0e19\u0e2a\u0e38\u0e14\u0e08\u0e23\u0e34\u0e07 \" + formatClock(end);\r\n\r\n    if(current >= exit){\r\n        exitBox.classList.add(\"allowed\");\r\n        exitIcon.textContent = \"\u2713\";\r\n        exitMain.textContent = \"\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e2d\u0e1a\u0e44\u0e14\u0e49\";\r\n        exitSub.textContent =\r\n            \"\u0e04\u0e23\u0e1a\u0e40\u0e27\u0e25\u0e32 1 \u0e0a\u0e31\u0e48\u0e27\u0e42\u0e21\u0e07 30 \u0e19\u0e32\u0e17\u0e35\u0e41\u0e25\u0e49\u0e27 \u2022 \u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e27\u0e25\u0e32 \" +\r\n            formatClock(exit) +\r\n            \" \u0e19.\";\r\n    }else{\r\n        const untilExit = exit - current;\r\n        exitBox.classList.remove(\"allowed\");\r\n        exitIcon.textContent = \"\u23f3\";\r\n        exitMain.textContent = \"\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e2d\u0e19\u0e38\u0e0d\u0e32\u0e15\u0e43\u0e2b\u0e49\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e2a\u0e2d\u0e1a\";\r\n        exitSub.textContent =\r\n            \"\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e2d\u0e2d\u0e01\u0e44\u0e14\u0e49\u0e43\u0e19\u0e2d\u0e35\u0e01 \" +\r\n            formatDuration(untilExit) +\r\n            \" \u2022 \u0e15\u0e31\u0e49\u0e07\u0e41\u0e15\u0e48\u0e40\u0e27\u0e25\u0e32 \" +\r\n            formatClock(exit) +\r\n            \" \u0e19.\";\r\n    }\r\n\r\n    const minutes = remaining \/ 60000;\r\n\r\n    if(minutes <= 30 && minutes > 15){\r\n        countdown.classList.add(\"warning\");\r\n        progressBar.classList.add(\"warning\");\r\n        statusBadge.textContent = \"\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e27\u0e25\u0e32\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 30 \u0e19\u0e32\u0e17\u0e35\";\r\n        statusBadge.className = \"tato-status-badge warning\";\r\n        alertWarning(\"30min\",\"\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19: \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 30 \u0e19\u0e32\u0e17\u0e35\",false);\r\n    }\r\n\r\n    if(minutes <= 15 && minutes > 5){\r\n        countdown.classList.add(\"warning\");\r\n        progressBar.classList.add(\"warning\");\r\n        statusBadge.textContent = \"\u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e27\u0e25\u0e32\u0e44\u0e21\u0e48\u0e40\u0e01\u0e34\u0e19 15 \u0e19\u0e32\u0e17\u0e35\";\r\n        statusBadge.className = \"tato-status-badge warning\";\r\n        alertWarning(\"15min\",\"\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19: \u0e40\u0e2b\u0e25\u0e37\u0e2d\u0e40\u0e27\u0e25\u0e32\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e1a\u0e1b\u0e23\u0e30\u0e21\u0e32\u0e13 15 \u0e19\u0e32\u0e17\u0e35\",false);\r\n    }\r\n\r\n    if(minutes <= 5 && minutes > 1){\r\n        countdown.classList.add(\"danger\");\r\n        progressBar.classList.add(\"danger\");\r\n        statusBadge.textContent = \"5 \u0e19\u0e32\u0e17\u0e35\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\";\r\n        statusBadge.className = \"tato-status-badge danger\";\r\n        alertWarning(\"5min\",\"5 \u0e19\u0e32\u0e17\u0e35\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e41\u0e08\u0e49\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e41\u0e25\u0e30\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e2a\u0e2d\u0e1a\",true);\r\n    }\r\n\r\n    if(minutes <= 1){\r\n        countdown.classList.add(\"danger\");\r\n        progressBar.classList.add(\"danger\");\r\n        statusBadge.textContent = \"1 \u0e19\u0e32\u0e17\u0e35\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\";\r\n        statusBadge.className = \"tato-status-badge danger\";\r\n        alertWarning(\"1min\",\"1 \u0e19\u0e32\u0e17\u0e35\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e41\u0e08\u0e49\u0e07\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e2d\u0e1a\u0e14\u0e33\u0e40\u0e19\u0e34\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e04\u0e33\u0e15\u0e2d\u0e1a\",true);\r\n    }\r\n}\r\n\r\nsoundBtn.addEventListener(\"click\", function(){\r\n    soundEnabled = !soundEnabled;\r\n\r\n    soundBtn.textContent =\r\n        soundEnabled\r\n            ? \"\ud83d\udd0a \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\u0e41\u0e25\u0e49\u0e27\"\r\n            : \"\ud83d\udd07 \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e41\u0e08\u0e49\u0e07\u0e40\u0e15\u0e37\u0e2d\u0e19\";\r\n\r\n    if(soundEnabled){\r\n        beep(700,220);\r\n    }\r\n});\r\n\r\nasync function activateWakeLock(){\r\n    try{\r\n        if(!(\"wakeLock\" in navigator)){\r\n            wakeBtn.textContent = \"\u26a0\ufe0f Browser \u0e44\u0e21\u0e48\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\";\r\n            return;\r\n        }\r\n\r\n        wakeLock = await navigator.wakeLock.request(\"screen\");\r\n        wakeBtn.textContent = \"\u2600\ufe0f \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e14\u0e31\u0e1a\u0e41\u0e25\u0e49\u0e27\";\r\n\r\n        wakeLock.addEventListener(\"release\", function(){\r\n            wakeBtn.textContent = \"\u2600\ufe0f \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e14\u0e31\u0e1a\";\r\n        });\r\n\r\n    }catch(error){\r\n        wakeBtn.textContent = \"\u26a0\ufe0f \u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e25\u0e47\u0e2d\u0e01\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\u0e44\u0e14\u0e49\";\r\n    }\r\n}\r\n\r\nwakeBtn.addEventListener(\"click\", activateWakeLock);\r\n\r\ndocument.addEventListener(\"visibilitychange\", async function(){\r\n    if(document.visibilityState === \"visible\" && wakeLock){\r\n        try{\r\n            wakeLock = await navigator.wakeLock.request(\"screen\");\r\n        }catch(error){}\r\n    }\r\n});\r\n\r\nfunction lockPageScroll(){\r\n    document.documentElement.style.overflow = \"hidden\";\r\n    document.body.style.overflow = \"hidden\";\r\n}\r\n\r\nfunction unlockPageScroll(){\r\n    document.documentElement.style.overflow = \"\";\r\n    document.body.style.overflow = \"\";\r\n}\r\n\r\nasync function enterFullscreen(){\r\n    root.classList.add(\"tato-fullscreen\");\r\n    lockPageScroll();\r\n    fullscreenBtn.textContent = \"\u2715 \u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\";\r\n\r\n    try{\r\n        if(root.requestFullscreen){\r\n            await root.requestFullscreen();\r\n        }else if(root.webkitRequestFullscreen){\r\n            root.webkitRequestFullscreen();\r\n        }\r\n    }catch(error){}\r\n}\r\n\r\nasync function exitFullscreen(){\r\n    try{\r\n        if(document.fullscreenElement){\r\n            await document.exitFullscreen();\r\n        }else if(document.webkitFullscreenElement){\r\n            document.webkitExitFullscreen();\r\n        }\r\n    }catch(error){}\r\n\r\n    root.classList.remove(\"tato-fullscreen\");\r\n    unlockPageScroll();\r\n    fullscreenBtn.textContent = \"\u26f6 \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\";\r\n}\r\n\r\nfullscreenBtn.addEventListener(\"click\", function(){\r\n    const isFull =\r\n        document.fullscreenElement ||\r\n        document.webkitFullscreenElement ||\r\n        root.classList.contains(\"tato-fullscreen\");\r\n\r\n    if(isFull){\r\n        exitFullscreen();\r\n    }else{\r\n        enterFullscreen();\r\n    }\r\n});\r\n\r\nfunction handleFullscreenChange(){\r\n    const active =\r\n        document.fullscreenElement ||\r\n        document.webkitFullscreenElement;\r\n\r\n    if(active){\r\n        root.classList.add(\"tato-fullscreen\");\r\n        lockPageScroll();\r\n        fullscreenBtn.textContent = \"\u2715 \u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\";\r\n    }else{\r\n        root.classList.remove(\"tato-fullscreen\");\r\n        unlockPageScroll();\r\n        fullscreenBtn.textContent = \"\u26f6 \u0e40\u0e1b\u0e34\u0e14\u0e40\u0e15\u0e47\u0e21\u0e2b\u0e19\u0e49\u0e32\u0e08\u0e2d\";\r\n    }\r\n}\r\n\r\ndocument.addEventListener(\"fullscreenchange\", handleFullscreenChange);\r\ndocument.addEventListener(\"webkitfullscreenchange\", handleFullscreenChange);\r\n\r\nsyncBtn.addEventListener(\"click\", async function(){\r\n    await syncServerTime();\r\n    loadExamState();\r\n    updateTimer();\r\n});\r\n\r\nfunction qrPrimary(url){\r\n    return \"https:\/\/quickchart.io\/qr\" +\r\n        \"?text=\" + encodeURIComponent(url) +\r\n        \"&size=180\" +\r\n        \"&margin=2\" +\r\n        \"&ecLevel=M\" +\r\n        \"&dark=680811\" +\r\n        \"&light=ffffff\";\r\n}\r\n\r\nfunction qrBackup(url){\r\n    return \"https:\/\/api.qrserver.com\/v1\/create-qr-code\/\" +\r\n        \"?size=180x180\" +\r\n        \"&ecc=M\" +\r\n        \"&color=104-8-17\" +\r\n        \"&bgcolor=255-255-255\" +\r\n        \"&qzone=4\" +\r\n        \"&data=\" + encodeURIComponent(url);\r\n}\r\n\r\nfunction setQR(elementId, url){\r\n    const image = document.getElementById(elementId);\r\n    if(!image){ return; }\r\n\r\n    let fallbackUsed = false;\r\n\r\n    image.onerror = function(){\r\n        if(fallbackUsed){\r\n            this.onerror = null;\r\n            return;\r\n        }\r\n\r\n        fallbackUsed = true;\r\n        this.src = qrBackup(url);\r\n    };\r\n\r\n    image.src = qrPrimary(url);\r\n}\r\n\r\nfunction getInitialSession(){\r\n    let savedSession = null;\r\n\r\n    try{\r\n        savedSession = sessionStorage.getItem(\"tatoSelectedSession\");\r\n    }catch(error){}\r\n\r\n    if(savedSession && CONFIG.sessions[savedSession]){\r\n        return savedSession;\r\n    }\r\n\r\n    const bangkokHour = Number(\r\n        new Intl.DateTimeFormat(\"en-US\",{\r\n            timeZone:\"Asia\/Bangkok\",\r\n            hour:\"2-digit\",\r\n            hour12:false,\r\n            hourCycle:\"h23\"\r\n        }).format(new Date())\r\n    );\r\n\r\n    return bangkokHour >= 12 ? \"T2\" : \"T1\";\r\n}\r\n\r\nasync function initialize(){\r\n    loadDarkMode();\r\n\r\n    setQR(\"tatoQRTesting\", LINKS.testing);\r\n    setQR(\"tatoQRMeet\", LINKS.meet);\r\n    setQR(\"tatoQRGuide\", LINKS.guide);\r\n    setQR(\"tatoQRScope\", LINKS.scope);\r\n\r\n    updateExamDate();\r\n\r\n    selectedSession = getInitialSession();\r\n\r\n    await syncServerTime();\r\n\r\n    selectSession(selectedSession);\r\n    updateTimer();\r\n}\r\n\r\nsetInterval(updateTimer, 250);\r\n\r\nsetInterval(async function(){\r\n    await syncServerTime();\r\n    updateTimer();\r\n},300000);\r\n\r\ninitialize();\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>TECHED ASSESSMENT TE &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.techeducationth.com\/index.php\/timer\/\"> <span class=\"screen-reader-text\">SCOPE KOREA 2026 | Exam Control Timer<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.techeducationth.com\/index.php\/wp-json\/wp\/v2\/pages\/14603"}],"collection":[{"href":"https:\/\/www.techeducationth.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.techeducationth.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.techeducationth.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techeducationth.com\/index.php\/wp-json\/wp\/v2\/comments?post=14603"}],"version-history":[{"count":26,"href":"https:\/\/www.techeducationth.com\/index.php\/wp-json\/wp\/v2\/pages\/14603\/revisions"}],"predecessor-version":[{"id":14630,"href":"https:\/\/www.techeducationth.com\/index.php\/wp-json\/wp\/v2\/pages\/14603\/revisions\/14630"}],"wp:attachment":[{"href":"https:\/\/www.techeducationth.com\/index.php\/wp-json\/wp\/v2\/media?parent=14603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}