:root{--font-sans-vi:"Segoe UI", Tahoma, Arial, "Noto Sans", "Liberation Sans", sans-serif;--font-family:var(--font-sans-vi);--font-sans:var(--font-sans-vi);--white:#fff;--black:#000;--text:#222;--muted:#6c757d;--muted-hover:#5a6268;--border:#ced4da;--action-label:#222;--admin-notice-text:#222;--border-weak:silver;--bg-muted:#f8f9fa;--bg-muted-2:#f1f3f5;--app-bg:#f1f5f9;--header-red:#d81e05;--header-bg-url:/assets/5tayHCC-background.opt.webp;--wallpaper-url:url(/assets/Trong-dong.opt-CCegK_zj.webp);--wallpaper-global-opacity:.12;--wallpaper-opacity:var(--wallpaper-global-opacity);--wallpaper-size:100vw auto;--surface-bg:transparent;--surface-opaque:#fffffffa;--surface-opaque-text:var(--text);--surface-shadow:0 4px 12px #0000000d;--btn-primary:var(--header-red);--btn-secondary:var(--color-1565c0);--btn-secondary-hover:var(--color-0d47a1);--btn-danger:var(--color-c62828);--btn-danger-hover:var(--color-b71c1c);--btn-on-dark:var(--white);--primary:var(--color-0d6efd);--primary-hover:var(--color-0b5ed7);--primary-dark:var(--color-0a58ca);--warning:var(--color-fd7e14);--warning-hover:var(--color-e36a0d);--success:var(--color-198754);--success-hover:var(--color-157347);--danger:var(--color-dc3545);--danger-hover:var(--color-bb2d3b);--header-red-dark:var(--color-8a0000);--accent:var(--color-ffc107);--info:var(--color-1565c0);--info-light:#e9f5ff;--yellow-bright:var(--color-ffee00);--panel-blue:var(--color-1565c0);--danger-light:var(--color-fbebeb);--danger-lighter:#fff5f5;--muted-bg:#f5f5f5;--primary-color:var(--primary);--secondary-color:var(--primary);--accent-color:var(--accent);--medium:var(--muted);--success-color:var(--success);--danger-color:var(--danger)}.main-header,.page-header{background-color:var(--header-red);color:var(--white);background-image:url(/assets/5tayHCC-background.opt-CFtQoaCI.webp);background-position:50%;background-size:cover}.main-header,.page-header,.game-header,.modal-header,footer{box-sizing:border-box;z-index:3;width:100%}main,.app-main,.admin-main,.general-menu,#main-menu,.game-area,.board-wrap{z-index:1;position:relative}html{background-color:var(--app-bg);background-image:var(--wallpaper-url);background-repeat:no-repeat;background-position:var(--wallpaper-position,center center);background-size:var(--wallpaper-size);background-attachment:fixed}.surface{border-radius:8px;background-color:var(--surface-bg)!important;box-shadow:var(--surface-shadow)!important}.transparent-surface{box-shadow:none!important;background:0 0!important;border:none!important}.header-logo{height:70px}html,body{min-height:100vh;margin:0;padding:0}:root{--color-000ed4:#000ed4;--color-0056b3:#0056b3;--color-00b3d3:#00b3d3;--color-00f2ff:#00f2ff;--color-00ff00:#0f0;--color-00ff41:#00ff41;--color-039:#039;--color-0a58ca:#0a58ca;--color-0b5ed7:#0b5ed7;--color-0b8200:#0b8200;--color-0d47a1:#0d47a1;--color-0d6efd:#0d6efd;--color-1100ff:#10f;--color-1565c0:#1565c0;--color-157347:#157347;--color-198754:#198754;--color-1e2ce9:#1e2ce9;--color-343a40:#343a40;--color-495057:#495057;--color-555:#555;--color-5a6268:#5a6268;--color-6c757d:#6c757d;--color-8a0000:#8a0000;--color-b01503:#b01503;--color-b71c1c:#b71c1c;--color-bb2d3b:#bb2d3b;--color-bfd400:#bfd400;--color-c62828:#c62828;--color-d0d400:#d0d400;--color-d3d5c9:#d3d5c9;--color-d9ff00:#d9ff00;--color-dc3545:#dc3545;--color-e0e2d5:#e0e2d5;--color-e36a0d:#e36a0d;--color-e5ff00:#e5ff00;--color-e6c800:#e6c800;--color-e8e9dd:#e8e9dd;--color-e9dc1e:#e9dc1e;--color-eee:#eee;--color-eeff00:#ef0;--color-f0f2f5:#f0f2f5;--color-f1f1f1:#f1f1f1;--color-f1f3f5:#f1f3f5;--color-f4f6ed:#f4f6ed;--color-fbebeb:#fbebeb;--color-fbfbfc:#fbfbfc;--color-fd7e14:#fd7e14;--color-ff0000:red;--color-ff00de:#ff00de;--color-ff7f00:#ff7f00;--color-ffc107:#ffc107;--color-ffe605:#ffe605;--color-ffee00:#fe0;--color-fffb00:#fffb00;--color-ffff00:#ff0}body:not(:-webkit-any(.print-page,.single-view-body)) .container,body:not(:-webkit-any(.print-page,.single-view-body)) main,body:not(:-webkit-any(.print-page,.single-view-body)) .control-panel,body:not(:-webkit-any(.print-page,.single-view-body)) .admin-main,body:not(:-webkit-any(.print-page,.single-view-body)) .main-menu,body:not(:-webkit-any(.print-page,.single-view-body)) #main-menu,body:not(:-webkit-any(.print-page,.single-view-body)) .control-grid,body:not(:-webkit-any(.print-page,.single-view-body)) .table-container,body:not(:-webkit-any(.print-page,.single-view-body)) .grid-panel,body:not(:-webkit-any(.print-page,.single-view-body)) .main-content-wrapper{background-color:var(--surface-bg)!important;box-shadow:var(--surface-shadow)!important;border:1px solid var(--border)!important;background-image:none!important}body:not(:is(.print-page,.single-view-body)) .container,body:not(:is(.print-page,.single-view-body)) main,body:not(:is(.print-page,.single-view-body)) .control-panel,body:not(:is(.print-page,.single-view-body)) .admin-main,body:not(:is(.print-page,.single-view-body)) .main-menu,body:not(:is(.print-page,.single-view-body)) #main-menu,body:not(:is(.print-page,.single-view-body)) .control-grid,body:not(:is(.print-page,.single-view-body)) .table-container,body:not(:is(.print-page,.single-view-body)) .grid-panel,body:not(:is(.print-page,.single-view-body)) .main-content-wrapper{background-color:var(--surface-bg)!important;box-shadow:var(--surface-shadow)!important;border:1px solid var(--border)!important;background-image:none!important}.menu-button:before,.general-button:before,.grid-item:before{background-color:#ac0202!important}.heatmap-item{background-color:var(--surface-opaque)!important}.heatmap-item.high{background-color:#fff5f6!important}.heatmap-item.medium{background-color:#fffaf0!important}.heatmap-item.low{background-color:#f5fff6!important}.admin-table tbody tr:nth-child(odd){background-color:var(--bg-muted-2)!important}.admin-table tbody tr:hover{background-color:var(--muted-bg)!important}.modal .modal-content,.settings-panel,.settings-panel .settings-content,.settings-panel .settings-header,.favorites-panel,#favorites-panel,.favorites-panel .settings-content,aside.settings-panel,#settings-panel,.toast-notification,.toast-notification .toast-message{border-radius:8px;background-color:var(--surface-opaque)!important;color:var(--surface-opaque-text)!important;box-shadow:var(--surface-shadow)!important;border:1px solid var(--border)!important}.menu-button:before,.general-button:before,.grid-item:before{z-index:0;background-color:#ac0202!important}.menu-button:after,.grid-item:after{content:"";opacity:.38;z-index:1;pointer-events:none;filter:brightness(.98)saturate(.95);background-image:url(/assets/5tayHCC-background.opt-CFtQoaCI.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .22s,transform .22s,filter .22s;position:absolute;top:0;bottom:0;left:0;right:0}.menu-button>*,.grid-item>*{z-index:2;position:relative}.menu-button:hover:after,.grid-item:hover:after{opacity:.92;filter:brightness(1.06)saturate(1.08)contrast();transform:scale(1.02)}#countdown-timer,.header-tagline,.header-qr>p{color:var(--text)!important}body #countdown-timer,body .countdown-container,body .countdown-container *,body .header-qr>p,body .header-qr p{color:var(--text)!important;text-shadow:none!important}body header,body .header-text,body .header-title-container,body .page-header,body .main-header,.shadow-small,.shadow-small *{text-shadow:none!important}#countdown-timer,#countdown-timer *,#form-title,.form-title{color:var(--text)!important;text-shadow:none!important}body .main-header .header-title-main,body .main-header .header-title-sub,body .page-header .header-title-main,body .page-header .header-title-sub,body .main-header .admin-title,body .main-header .admin-notice,body .main-header .header-tagline,body .page-header .header-tagline{color:var(--white)!important;text-shadow:none!important}body footer,body footer p,body .main-footer,body .game-footer{color:var(--text-light)!important;text-shadow:none!important}header,header.main-header,header.page-header,.main-header,.page-header,.game-header,header[role=banner]{will-change:transform;box-sizing:border-box!important;width:100%!important;transition:transform .22s ease-in-out!important;position:relative!important;top:auto!important;left:auto!important}.header-hidden{pointer-events:none!important;transform:translateY(-110%)!important}footer,.main-footer,.game-footer{will-change:transform;transition:transform .22s ease-in-out!important;position:relative!important;bottom:auto!important}.footer-hidden{pointer-events:none!important;transform:translateY(110%)!important}.footer-visible{transform:translateY(0)!important}@media (max-width:600px){.header-hidden{transform:translateY(-105%)!important}}html,body{height:auto!important;min-height:100vh!important;overflow:hidden auto!important}.container,.app-container{-webkit-overflow-scrolling:auto!important;height:auto!important;max-height:none!important;overflow:visible!important}body:not(:-webkit-any(.print-page,.single-view-body)) .container,body:not(:-webkit-any(.print-page,.single-view-body)) .app-container{box-sizing:border-box;min-height:100vh}body:not(:is(.print-page,.single-view-body)) .container,body:not(:is(.print-page,.single-view-body)) .app-container{box-sizing:border-box;min-height:100vh}body:not(:-webkit-any(.print-page,.single-view-body)) .container>footer,body:not(:-webkit-any(.print-page,.single-view-body)) .app-container>footer{margin-top:auto}body:not(:is(.print-page,.single-view-body)) .container>footer,body:not(:is(.print-page,.single-view-body)) .app-container>footer{margin-top:auto}.app-main,main,.main-menu,.main-content-wrapper,.control-panel,.admin-main,.general-menu,.game-area,.board-wrap,.play-panel,.single-view-body .app-container,.display-panel,.display-panel-large{-webkit-overflow-scrolling:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}