*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;color:#fff;background:#090b18}body{background-image:linear-gradient(90deg,rgba(0,25,90,.75),rgba(0,0,0,.35) 50%,rgba(90,10,0,.78)),url('bg.png');background-size:cover;background-position:center top;background-attachment:fixed}.top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.brand{font-weight:900;font-size:34px;letter-spacing:2px;color:#ffd84a;text-shadow:0 2px 10px #ff3d00}.brand span{color:#19a9ff}.brand.small{font-size:22px}.menu{display:none;background:none;border:0;color:white;font-size:28px}main{max-width:1100px;margin:24px auto;padding:0 16px}.side{position:fixed;right:18px;top:78px;display:flex;gap:8px;z-index:4}.side a,.top a{color:#fff;text-decoration:none;background:rgba(0,0,0,.55);padding:9px 13px;border-radius:10px}.hero,.game-card,section{background:rgba(4,6,20,.72);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.35);padding:20px;margin-bottom:18px;backdrop-filter:blur(8px)}.hero{display:flex;justify-content:space-between;align-items:center}.muted{color:#b9c1d9}.balance{font-size:38px;font-weight:900;color:#ffe45e}.round{text-align:right}.round small{display:block;margin-top:7px;color:#ffe45e}.status{display:flex;justify-content:center;gap:18px;font-size:22px;font-weight:800;margin:12px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{padding:24px;border:2px solid #555;border-radius:16px;background:rgba(0,0,0,.4);color:#fff;cursor:pointer}.choice strong{display:block;font-size:28px}.choice small{font-size:15px}.dragon{border-color:#20a8ff}.tiger{border-color:#ff5b24}.tie{border-color:#b786ff}.amounts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.amounts button,button{border:0;border-radius:10px;padding:11px 15px;cursor:pointer}.custom{display:flex;gap:8px}.custom input,input,select,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #556;color:#fff;background:rgba(0,0,0,.55);margin:6px 0}.primary{background:linear-gradient(90deg,#ffd32a,#ff7a00);font-weight:900}.results{display:flex;gap:8px;flex-wrap:wrap}.results span{padding:10px 14px;border-radius:10px;background:#222}.results .dragon{background:#087bd0}.results .tiger{background:#d84613}.results .tie{background:#7435aa}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left;white-space:nowrap}.inline{display:flex;gap:5px;align-items:center}.notice{padding:12px 14px;border-radius:10px;background:rgba(255,184,0,.12);border:1px solid rgba(255,184,0,.3);margin:10px 0}.auth-page{display:grid;place-items:center;min-height:100vh;padding:20px}.auth-card{width:min(440px,100%);padding:28px;border-radius:22px;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16)}.auth-card .brand{text-align:center}.tag{text-align:center;color:#ccd}.tabs{display:flex;gap:8px;margin:20px 0}.tab{flex:1;background:#20243a;color:#fff}.tab.active{background:#f6a900;color:#111}.hidden{display:none}.auth-card label{display:block;margin-top:10px;color:#ddd}h1,h2{margin-top:0}.result{text-align:center;font-size:24px;font-weight:900;color:#ffe45e;margin-top:14px}@media(max-width:700px){.side{display:none}.menu{display:block}.nav-open .side{display:flex;position:fixed;left:10px;right:10px;top:70px;flex-direction:column}.hero{gap:15px}.balance{font-size:30px}.choices{grid-template-columns:1fr}.custom{flex-direction:column}.brand{font-size:25px}.inline{flex-wrap:wrap}}