:root{color-scheme:dark;--bg:#0c1421;--panel:#172336;--line:#2a3c52;--muted:#b4c1d4;--ink:#f4f7fc;--accent:#64d8c8;--gold:#ead6a1;font-family:Inter,"PingFang SC","Noto Sans",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#203449 0%,var(--bg) 52%);color:var(--ink);min-height:100vh}body.boot{visibility:hidden}a{color:var(--accent);text-decoration:none}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);border-radius:9px;background:#263b52;color:var(--ink);padding:11px 16px;white-space:normal;line-height:1.4}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#10242d;font-weight:700}button:disabled{opacity:.55;cursor:wait}input,select{min-width:0;background:#0f1b2a;color:var(--ink);border:1px solid #39506c;border-radius:8px;padding:11px;width:100%;line-height:1.4}input:focus,select:focus{outline:2px solid var(--accent)}label{display:grid;gap:8px;color:var(--muted)}header{padding:20px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#101c2ce8}.brand{font-size:20px;letter-spacing:3px;font-weight:800;color:var(--gold)}.header-title{flex:1;font-size:14px;color:var(--muted)}header .locale-select{width:150px}header .account-link{font-size:14px}.notice{padding:12px 28px;background:#51432d55;color:var(--gold);font-size:14px;line-height:1.7}.environment{padding:9px 28px;color:var(--muted);font-size:12px}.container{max-width:1240px;padding:28px;margin:auto}.auth-card{max-width:440px;margin:36px auto;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.auth-card h1{font-size:24px}.auth-card form,.form-stack{display:grid;gap:18px}.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.nav button.active{border-color:var(--accent);color:var(--accent)}h1,h2,h3{line-height:1.5;overflow-wrap:anywhere}h1{font-size:26px;margin:0 0 18px}h2{font-size:19px;margin:0 0 16px}p{line-height:1.7}.muted{color:var(--muted)}.balance-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#233c49,#162638);border:1px solid #3c565d;border-radius:16px;padding:23px;margin-bottom:26px}.balance-value{font-size:30px;font-weight:700;letter-spacing:.5px;overflow-wrap:anywhere}.balance-value small{font-size:14px;color:var(--gold)}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-card{border:1px solid var(--line);background:#19283b;border-radius:14px;overflow:hidden}.game-card img{display:block;width:100%;aspect-ratio:1.52;object-fit:cover}.game-card .game-content{padding:18px}.game-card h3{margin:0 0 12px;font-size:17px}.game-card button{width:100%}.game-visual{aspect-ratio:1.52;background:linear-gradient(145deg,#275063,#17263d);display:grid;place-items:center;font-size:60px;color:var(--gold);font-weight:800}.lang-zh,.lang-vi{display:none}html[lang=zh-CN] .lang-zh,html[lang=vi-VN] .lang-vi{display:block}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.toolbar input{flex:1;min-width:160px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;min-width:620px;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line);max-width:240px;overflow-wrap:anywhere;line-height:1.6}th{color:var(--muted);background:#101d2c;position:sticky;top:0}td code{font-size:12px}.pagination{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}.status-chip{color:var(--accent);padding:4px 8px;background:#64d8c812;border:1px solid #64d8c833;border-radius:5px;display:inline-block}.empty{padding:30px;text-align:center;color:var(--muted)}.message{border-radius:10px;padding:15px 20px;background:#23394c;border:1px solid #3b526e;margin:16px auto;max-width:1184px;line-height:1.6;overflow-wrap:anywhere}.message.error{background:#4d2b33;border-color:#82515a}.details{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;font-size:14px}.details dd{margin:0;overflow-wrap:anywhere}.details dt{color:var(--muted)}[hidden]{display:none!important}.mock-content{max-width:700px;margin:25px auto}.mock-icon{font-size:48px;color:var(--gold);text-align:center;padding:28px}.modal{border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--panel);max-width:calc(100vw - 32px);width:430px;padding:25px}.modal::backdrop{background:#0009}.modal .auth-actions{justify-content:flex-end}
@media(max-width:700px){header{padding:16px;gap:12px}.brand{font-size:17px}.header-title{flex-basis:100%;order:3}.notice,.environment{padding:10px 16px}.container{padding:16px}.auth-card{margin:15px auto;padding:22px}.games-grid{grid-template-columns:1fr 1fr;gap:12px}.game-card .game-content{padding:12px}.game-card h3{font-size:14px}.form-grid{grid-template-columns:1fr}.balance-bar{padding:18px;align-items:flex-start;flex-direction:column}.balance-value{font-size:26px}.panel{padding:18px}.nav button{flex:1 1 130px}.details{grid-template-columns:1fr}.details dd{margin-bottom:10px}button{max-width:100%}.toolbar{align-items:stretch}.game-card button{font-size:14px}}
@media(max-width:400px){.games-grid{grid-template-columns:1fr}.header-title{font-size:12px}.notice{font-size:13px}}