*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#03261d;color:#ffe7aa;font-family:Arial,sans-serif}#game,#canvas,#controls{position:absolute;inset:0}canvas{display:block}#controls{pointer-events:none}#controls button,#controls a{position:absolute;pointer-events:auto;background:transparent;border:0;color:transparent;cursor:pointer;touch-action:manipulation;padding:0;border-radius:12px}#controls button:disabled{cursor:default}#controls :focus-visible{outline:3px solid #ffdf83;outline-offset:-3px}#loading{position:fixed;inset:0;background:#03261df5;z-index:20;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:18px;font-size:28px}progress{width:min(70vw,420px);height:20px;accent-color:#d7aa3c}dialog{border:2px solid #d9b568;border-radius:18px;background:#063c2e;color:#ffe7aa;width:min(94vw,750px);max-height:82dvh;padding:22px;box-shadow:0 10px 60px #0009}dialog::backdrop{background:#001d16cf}dialog h2{margin:0 0 20px;text-align:center}#closeHistory{float:right;background:#744122;color:#fff;border:1px solid #dbc074;border-radius:50%;font-size:30px;width:44px;height:44px;cursor:pointer}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:12px 5px;border-bottom:1px solid #b99d4c44;text-align:right}th:first-child,td:first-child{text-align:left}.positive{color:#85f8a7}.negative{color:#ff9b91}#rows{overflow:auto;max-height:60dvh}
#game{position:fixed;inset:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}
#controls{overflow:hidden}dialog{background:#03434b;border-color:#d5b86f;color:#fff0bd;max-height:90dvh}
#rows{max-height:68dvh;overscroll-behavior:contain;overflow:auto;touch-action:pan-y}
#rows p{font-size:15px;line-height:1.55}#rows td img{width:48px;height:48px;object-fit:contain;vertical-align:middle;margin-right:8px}
#rows table{font-size:14px}#rows button{min-width:90px;min-height:44px;border:1px solid #dfc57a;background:#126d72;color:#fff0bd;border-radius:10px}

#canvas canvas{width:100%!important;height:100%!important}

/* Bảng vinh danh */
dialog.jackpot-hall{width:min(94vw,820px);padding:28px 22px 22px;border:2px solid #efd38a;border-radius:26px;background:radial-gradient(ellipse at 50% 0,#187f86 0,#06404b 44%,#022b36 100%);box-shadow:0 0 0 5px #05303b,0 0 0 6px #bb9857,0 18px 90px #000b,inset 0 0 45px #1dc3b31c;overflow:hidden}
.jackpot-hall h2{margin:0 40px 7px;color:#ffe6a0;font-family:Georgia,serif;font-size:clamp(21px,4.8vw,32px);letter-spacing:2px;text-shadow:0 2px 2px #452900}
.jackpot-hall h2::before{content:'';display:block;width:62px;height:62px;margin:0 auto 9px;background:url('/slot-vn/assets/que-huong-v2/thumbs/24.webp') center/contain no-repeat;filter:drop-shadow(0 0 10px #f6d67c55)}
.jackpot-hall #closeHistory{position:absolute;right:13px;top:13px;float:none;background:#043d49;border-color:#c6a96b;color:#ffe6a0}
.jackpot-hall #rows{max-height:62dvh;scrollbar-color:#c4a46b #073e49;scrollbar-width:thin}
.hall-caption{text-align:center!important;color:#80e5dc;font-size:13px!important;letter-spacing:2px;margin:0 0 19px}
.hall-table{table-layout:fixed;border-collapse:separate;border-spacing:0 7px;font-variant-numeric:tabular-nums}
.hall-table th{position:sticky;top:0;background:#063e49;color:#a7e8df;font-size:12px;font-weight:normal;border:0;padding:8px}
.hall-table td{background:#0b52605c;border-top:1px solid #92dfd51c;border-bottom:1px solid #92dfd51c;padding:17px 9px;color:#e9fffb;overflow-wrap:anywhere}
.hall-table th:first-child,.hall-table td:first-child{text-align:left;width:28%}
.hall-table th:nth-child(2),.hall-table td:nth-child(2){width:33%;text-align:right}
.hall-table th:last-child,.hall-table td:last-child{width:39%;text-align:right}
.hall-table td:first-child{border-radius:12px 0 0 12px}.hall-table td:last-child{border-radius:0 12px 12px 0;font-size:12px;color:#abd0d1}
.hall-table tr:first-child td{background:linear-gradient(90deg,#9a743520,#56bb9c16);border-color:#e3c47c55}.hall-table .hall-prize{font-weight:bold;color:#ffe498;font-size:17px;text-shadow:0 0 16px #e4bc4420}
.hall-more{display:block;margin:15px auto 4px}.hall-empty{text-align:center;color:#c3dfdc;padding:30px 0}
@media(max-width:480px){dialog.jackpot-hall{padding:21px 12px 15px;border-radius:21px}.hall-table td{padding:13px 6px;font-size:13px}.hall-table .hall-prize{font-size:15px}.hall-table td:last-child{font-size:11px}.hall-caption{margin-bottom:10px}.jackpot-hall h2::before{width:50px;height:50px}}

.hall-more[hidden]{display:none}

.hall-table .hall-prize{white-space:nowrap;overflow-wrap:normal;font-size:clamp(12px,3.4vw,17px)}
@media(max-width:480px){.hall-table th:first-child,.hall-table td:first-child{width:24%}.hall-table th:nth-child(2),.hall-table td:nth-child(2){width:38%}.hall-table th:last-child,.hall-table td:last-child{width:38%}.hall-table .hall-prize{font-size:13px}}