:root{--bg:#050816;--card:#0f1730cc;--line:#ffffff18;--txt:#f8fbff;--mut:#aeb7d7;--pink:#ff2d8d;--red:#ef3838;--cyan:#22d3ee;--green:#22c55e;--gold:#ffd166}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 25% 5%,#281044 0,#081225 38%,#050816 75%);color:var(--txt);font-family:Kanit,Noto Sans Thai,Inter,system-ui,sans-serif;min-height:100vh}
a{color:inherit}.wrap{width:min(1180px,calc(100% - 28px));margin:0 auto}.top{position:sticky;top:0;z-index:20;background:#060a18cc;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand .logo{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#ff2d8d,#22d3ee);display:grid;place-items:center;box-shadow:0 0 35px #ff2d8d55}.brand b{font-size:20px}.brand small{display:block;color:var(--mut);font-size:12px;line-height:1.1}.links{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.links a,.btn{border:1px solid var(--line);background:#ffffff0a;padding:10px 15px;border-radius:14px;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#fff}
.btn.primary,.links a.primary{border:0;background:linear-gradient(135deg,#ff3b82,#ef3838);box-shadow:0 15px 34px #ef383855}.btn.cyan{background:linear-gradient(135deg,#22d3ee,#4f46e5);border:0}.btn.green{background:linear-gradient(135deg,#22c55e,#059669);border:0}.btn.ghost{background:#ffffff0a}.btn.small{padding:7px 10px;border-radius:11px;font-size:13px}
.hero{padding:34px 0 20px}.hero-card{position:relative;overflow:hidden;border:1px solid #ffffff20;border-radius:30px;padding:30px;background:linear-gradient(135deg,#361230aa,#061c35cc);box-shadow:0 24px 80px #0008}
.hero-card:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,#ff2d8d22,transparent 28%),radial-gradient(circle at 80% 10%,#22d3ee22,transparent 30%);pointer-events:none}.hero h1{position:relative;font-size:clamp(32px,5vw,58px);line-height:1.05;margin:0 0 10px}.hero p{position:relative;color:#d8def5;font-size:18px;margin:0;max-width:820px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{border:1px solid var(--line);background:linear-gradient(180deg,#141b34cc,#0b1022cc);border-radius:24px;padding:20px;box-shadow:0 16px 45px #0005}.card h2,.card h3{margin:0 0 12px}.muted{color:var(--mut)}.kpi{grid-column:span 3}.kpi b{font-size:28px;display:block;margin-top:6px}.main{padding:8px 0 48px}.span8{grid-column:span 8}.span4{grid-column:span 4}.span6{grid-column:span 6}.span12{grid-column:span 12}
.form{display:grid;gap:12px}.field label{display:block;font-weight:800;margin:0 0 7px}.input,select,textarea{width:100%;border:1px solid #ffffff20;background:#0b1020;color:#fff;border-radius:15px;padding:13px 14px;font:700 15px Kanit,Noto Sans Thai,sans-serif;outline:none}textarea{min-height:110px;resize:vertical}.input:focus,select:focus,textarea:focus{border-color:#ff2d8d;box-shadow:0 0 0 3px #ff2d8d22}
.table{width:100%;border-collapse:separate;border-spacing:0 10px}.table th{color:#b7c0e1;text-align:left;font-size:13px}.table td{background:#ffffff08;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:12px}.table tr td:first-child{border-left:1px solid #ffffff0d;border-radius:14px 0 0 14px}.table tr td:last-child{border-right:1px solid #ffffff0d;border-radius:0 14px 14px 0}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;border:1px solid #ffffff20;background:#ffffff0a}.pill.open{color:#48f0a3}.pill.settled{color:#ffd166}.pill.closed{color:#ff8aa8}.alert{padding:14px 16px;border-radius:16px;margin:0 0 15px;border:1px solid #ffffff18}.alert.ok{background:#0c3b2a;color:#baffdc}.alert.err{background:#3a101c;color:#ffc1d2}
.login{min-height:100vh;display:grid;place-items:center;padding:22px}.login-card{width:min(460px,100%);border:1px solid #ffffff22;border-radius:28px;background:#0a1023dd;padding:28px;box-shadow:0 24px 80px #0008}.login-card h1{text-align:center;margin:5px 0 20px}.copy{text-align:center;color:#8e98bb;margin-top:18px}
.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.side{background:#090d1dcc;border-right:1px solid #ffffff14;padding:18px;position:sticky;top:0;height:100vh;overflow:auto}.side a{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;border-radius:14px;margin:5px 0;color:#dfe5ff;font-weight:800}.side a.active,.side a:hover{background:linear-gradient(135deg,#ff2d8d33,#22d3ee22);box-shadow:inset 0 0 0 1px #ffffff18}.admin-main{padding:22px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.admin-head h1{margin:0}.demo{border:1px dashed #ffd16699;background:#ffd16616;color:#ffe7a1;padding:12px;border-radius:14px;margin-bottom:16px}
.ticket{border:1px solid #ffffff18;border-radius:22px;padding:16px;background:#ffffff08}.lottery-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.lottery-tabs a{padding:10px 14px;border-radius:14px;background:#ffffff0a;text-decoration:none;font-weight:900}.lottery-tabs a.active{background:linear-gradient(135deg,#ff2d8d,#ef3838)}
@media(max-width:900px){.grid{grid-template-columns:1fr}.kpi,.span4,.span6,.span8,.span12{grid-column:span 1}.admin-shell{grid-template-columns:1fr}.side{position:static;height:auto}.nav{height:auto;padding:14px 0;align-items:flex-start}.links{justify-content:flex-end}.hero-card{padding:22px}.table{font-size:13px}.table-wrap{overflow:auto}}



/* ===== MIO LOTTO V3: premium lottery UI / P2W / mobile ===== */
.lotto-page{padding-bottom:78px}
.lotto-hero-select{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 18px;padding:22px;border-radius:28px;border:1px solid #ffffff1f;background:
 radial-gradient(circle at 20% 0,#ff2d8d33,transparent 35%),
 linear-gradient(135deg,#221130dd,#07192dcc);box-shadow:0 24px 70px #0007}
.lotto-hero-select:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,#ffffff18,transparent);transform:translateX(-70%);animation:mioShine 5s linear infinite;pointer-events:none}
@keyframes mioShine{0%{transform:translateX(-85%)}45%,100%{transform:translateX(110%)}}
.lotto-kicker{color:#ffd166;font-weight:900;letter-spacing:.12em;font-size:12px}.lotto-hero-select h1{margin:0;font-size:clamp(28px,5vw,52px);line-height:1.05}.lotto-hero-select p{margin:8px 0 0;color:#d9e1ff;max-width:680px}.balance-orb{min-width:230px;border-radius:24px;background:linear-gradient(160deg,#ff2d8d,#ef3838 55%,#741bff);padding:18px;box-shadow:0 18px 45px #ff2d8d44;text-align:right}.balance-orb small{display:block;color:#ffe6f1;font-weight:800}.balance-orb b{display:block;font-size:28px}.balance-orb a{display:inline-flex;margin-top:8px;color:#fff;text-decoration:none;background:#ffffff22;border:1px solid #ffffff40;border-radius:999px;padding:7px 12px;font-weight:900}
.lotto-switch{display:flex;gap:10px;overflow:auto;padding:4px 0 14px}.lotto-switch a{white-space:nowrap;text-decoration:none;font-weight:900;border:1px solid #ffffff17;background:#ffffff0a;border-radius:16px;padding:11px 15px}.lotto-switch a.active{background:linear-gradient(135deg,#ff2d8d,#ef3838);border:0;box-shadow:0 12px 30px #ef383855}
.lotto-board{border:1px solid #ffffff18;background:linear-gradient(180deg,#101735c7,#080d1fcc);border-radius:28px;padding:18px;margin:0 0 18px;box-shadow:0 18px 60px #0006}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:14px}.section-title h2{margin:0;font-size:25px}.section-title span{color:#aeb7d7;font-weight:700}
.gov-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gov-lotto-card{position:relative;overflow:hidden;border:1px solid #ffffff18;border-radius:24px;padding:18px;background:linear-gradient(145deg,#20122eee,#0b1229ee);min-height:205px;display:flex;flex-direction:column;gap:8px}.gov-lotto-card:after{content:"";position:absolute;right:-35px;top:-35px;width:115px;height:115px;border-radius:50%;background:#ff2d8d22;filter:blur(3px)}.gov-lotto-card h3{font-size:22px;margin:8px 0 0}.gov-lotto-card p{color:#c7d0ec;margin:0}.lotto-badge{align-self:flex-start;border-radius:999px;background:#ffd166;color:#351400;font-weight:900;padding:6px 10px;font-size:12px}.count-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:110px;border-radius:999px;padding:8px 12px;background:#00000035;border:1px solid #ffffff25;color:#fff;font-weight:900;box-shadow:inset 0 0 18px #22d3ee11}.mini-result{border-radius:18px;background:#ffffff0d;border:1px solid #ffffff18;padding:10px}.mini-result span,.mini-result small{display:block;color:#bac4e8;font-weight:800}.mini-result b{font-size:28px;color:#ffd166;letter-spacing:.05em}
.yee-round-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.yee-round-card{border:1px solid #ffffff18;border-radius:22px;background:linear-gradient(155deg,#161d3a,#0b1021);padding:13px;min-height:142px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 34px #0004}.yee-round-card.open{border-color:#22d3ee55}.yee-round-card.closed{opacity:.62}.yee-round-card.settled{background:linear-gradient(155deg,#2a1730,#151124);border-color:#ffd16655}.round-no{font-size:18px;font-weight:900}.round-title{color:#aeb7d7;font-weight:800}.round-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.yee-result-inline{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:6px;align-items:center;background:#0000002b;border:1px solid #ffffff14;border-radius:14px;padding:8px}.yee-result-inline span{font-size:12px;color:#aeb7d7}.yee-result-inline b{color:#ffd166;font-size:20px;text-align:center}
.bet-panel{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.bet-card-main,.bet-side>div{border:1px solid #ffffff18;background:linear-gradient(180deg,#141b34dd,#0b1022dd);border-radius:26px;padding:20px;box-shadow:0 16px 45px #0005}.bet-side{display:grid;gap:14px}.credit-card b{display:block;font-size:32px;margin:4px 0 12px}.limit-box{min-height:48px;border-radius:15px;padding:13px 14px;background:#ffffff0a;border:1px solid #ffffff18;color:#d7def8;font-weight:800}.big-btn{justify-content:center;font-size:18px;padding:14px 18px}.finance-page .finance-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:8px 0 16px;border-radius:28px;padding:22px;background:linear-gradient(135deg,#2d1032,#081b32);border:1px solid #ffffff20;box-shadow:0 20px 60px #0007}.finance-hero h1{margin:0;font-size:42px}.finance-hero p{margin:5px 0 0;color:#cfd8f8}.finance-hero b{font-size:32px;color:#ffd166}.amount-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.amount-quick button{border:1px solid #ffffff20;background:#ffffff0b;color:#fff;border-radius:14px;padding:10px;font:900 15px Kanit;cursor:pointer}.amount-quick button:hover{background:linear-gradient(135deg,#ff2d8d,#ef3838)}.qr-img{display:block;max-width:260px;width:100%;border-radius:18px;background:#fff;padding:10px;margin:10px auto}.bank-box{border-radius:18px;background:#ffffff0b;border:1px solid #ffffff18;padding:14px;margin-bottom:12px;color:#dfe7ff}
.result-modal{position:fixed;inset:0;z-index:99;background:#02030acc;display:none;place-items:center;padding:20px;backdrop-filter:blur(12px)}.result-modal.show{display:grid}.result-box{position:relative;width:min(460px,100%);border-radius:30px;padding:26px;text-align:center;background:radial-gradient(circle at 50% 0,#ff2d8d55,transparent 40%),linear-gradient(180deg,#171c38,#080b19);border:1px solid #ffffff22;box-shadow:0 30px 100px #000,0 0 55px #ff2d8d44}.result-close{position:absolute;right:14px;top:12px;border:0;background:#ffffff18;color:#fff;border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer}.result-ribbon{display:inline-flex;border-radius:999px;padding:8px 14px;background:linear-gradient(135deg,#ffd166,#ff9f1c);color:#381500;font-weight:900}.result-box h2{font-size:30px;margin:14px 0}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.result-grid div{border-radius:22px;background:#ffffff0c;border:1px solid #ffffff18;padding:15px}.result-grid small{display:block;color:#c6d0ee;font-weight:800}.result-grid b{display:block;font-size:46px;color:#ffd166;line-height:1}
.register-pro .bank-select{background:#0b1020}
@media(max-width:980px){.lotto-hero-select,.finance-page .finance-hero{align-items:flex-start;flex-direction:column}.balance-orb{width:100%;text-align:left}.gov-card-grid{grid-template-columns:1fr 1fr}.yee-round-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bet-panel{grid-template-columns:1fr}.amount-quick{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.wrap{width:min(100% - 18px,1180px)}.top{position:relative}.nav{gap:10px}.links{width:100%;justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.links a{white-space:nowrap;padding:9px 12px}.lotto-hero-select{border-radius:22px;padding:18px}.lotto-hero-select h1{font-size:31px}.lotto-board,.bet-card-main,.bet-side>div{border-radius:20px;padding:14px}.gov-card-grid{grid-template-columns:1fr}.yee-round-grid{grid-template-columns:1fr 1fr;gap:9px}.yee-round-card{padding:11px;min-height:132px}.round-no{font-size:16px}.section-title{align-items:flex-start;flex-direction:column}.bet-panel{gap:12px}.finance-hero h1{font-size:32px}.finance-hero b{font-size:26px}.table{min-width:640px}.login-card{padding:20px;border-radius:24px}.result-grid b{font-size:38px}}

/* ===== MIO LOTTO V4: UI หน้าเลือกหวยแบบต้นฉบับสีแดง/ขาว ใช้ได้ทั้งคอมและมือถือ ===== */
body{background:#eef1f7;color:#222}
.top{background:linear-gradient(135deg,#7b0815,#bf1029);border-bottom:0;box-shadow:0 8px 25px #7b081533}.brand .logo{background:#fff;color:#b40f25;box-shadow:0 7px 22px #0003}.brand small,.muted{color:#6b7280}.links a,.btn{border-color:#00000010;background:#ffffff;color:#222}.links a.primary,.btn.primary{color:#fff;background:linear-gradient(135deg,#e20d2f,#940817);box-shadow:0 10px 25px #b40f2533}.btn.cyan{color:#fff;background:linear-gradient(135deg,#d9a037,#8b5a08)}.btn.ghost{background:#f4f5f8;color:#555}.main{padding-top:14px}.lotto-page{background:#eef1f7;color:#222;border-radius:0;min-height:calc(100vh - 90px)}
.lotto-hero-select{background:linear-gradient(135deg,#a3071d,#e21b3d);border:0;border-radius:18px;color:#fff;box-shadow:0 14px 32px #9d0c1f35;margin-top:10px}.lotto-kicker{color:#ffd46b}.lotto-hero-select p{color:#ffe8ed}.balance-orb{background:#fff;color:#a3071d;text-align:left;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff40,0 12px 26px #0002}.balance-orb small{color:#7c1a26}.balance-orb a{background:#a3071d;color:#fff;border:0}
.lotto-switch{background:#fff;border-radius:16px;padding:8px;margin-bottom:14px;box-shadow:0 8px 22px #0000000d}.lotto-switch a{background:#f4f5f8;color:#333;border:0;border-radius:12px}.lotto-switch a.active{background:#b40f25;color:#fff;box-shadow:none}
.lotto-board,.lotto-market-wrap,.bet-card-main,.bet-side>div,.finance-page .card{background:#fff;border:1px solid #e7e8ef;border-radius:18px;box-shadow:0 8px 22px #0f172a0f;color:#222}.section-title h2,.card h2,.card h3{color:#222}.section-title span{color:#7b8190}.gov-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gov-lotto-card{min-height:168px;background:#fff;border:1px solid #e7e8ef;border-left:7px solid #c20d27;border-radius:18px;color:#222;box-shadow:0 7px 18px #0f172a0d}.gov-lotto-card:after{display:none}.gov-lotto-card h3{color:#222;font-size:20px}.gov-lotto-card p{color:#687080}.lotto-badge{background:#b40f25;color:#fff}.count-pill{background:#fff2f4;border-color:#f1c2c9;color:#a3071d;box-shadow:none}.mini-result{background:#f7f8fb;color:#222;border-color:#e7e8ef}.mini-result span,.mini-result small{color:#667085}.mini-result b{color:#b40f25}.yee-round-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.yee-round-card{background:#fff;border:1px solid #e7e8ef;border-radius:16px;box-shadow:0 6px 17px #0f172a0b;color:#222;min-height:132px}.yee-round-card.open{border-color:#c20d27;box-shadow:0 0 0 2px #c20d2711}.yee-round-card.settled{background:#fff8e8;border-color:#e5b653}.yee-round-card.closed{background:#f3f4f6}.round-title{color:#6b7280}.yee-result-inline{background:#fff;border-color:#ead9a4}.yee-result-inline span{color:#6b7280}.yee-result-inline b{color:#b40f25}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.market-tile{position:relative;text-align:left;border:1px solid #e7e8ef;background:#fff;color:#222;border-radius:17px;padding:14px;min-height:98px;cursor:pointer;font-family:Kanit,Noto Sans Thai,sans-serif;box-shadow:0 7px 18px #0f172a0d}.market-tile .mi{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#fff0f2;color:#b40f25;margin-bottom:8px}.market-tile strong{display:block;font-size:17px}.market-tile small{display:block;color:#7b8190;font-weight:800}.market-tile.selected,.market-tile:hover{border-color:#b40f25;box-shadow:0 0 0 3px #b40f2518}.market-tile.selected:after{content:'เลือกแล้ว';position:absolute;top:10px;right:10px;background:#b40f25;color:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900}.input,select,textarea{background:#f7f8fb;color:#222;border-color:#e2e5ee}.input:focus,select:focus,textarea:focus{border-color:#b40f25;box-shadow:0 0 0 3px #b40f2516}.limit-box{background:#f7f8fb;border-color:#e7e8ef;color:#525a66}.credit-card b,.finance-hero b{color:#b40f25}.finance-page .finance-hero{background:linear-gradient(135deg,#a3071d,#e21b3d);border:0;color:#fff;border-radius:18px}.finance-hero p{color:#ffe8ed}.table th{color:#6b7280}.table td{background:#fff;border-color:#e7e8ef;color:#222}.pill{background:#f7f8fb;border-color:#e0e3ea;color:#333}.pill.open{color:#0e9f6e}.pill.closed{color:#b42318}.pill.settled,.pill.paid,.pill.approved{color:#a16207}.alert.ok{background:#ecfdf3;color:#027a48;border-color:#abe0c2}.alert.err{background:#fff1f3;color:#b42318;border-color:#ffccd5}.bank-box{background:#f7f8fb;border-color:#e7e8ef;color:#222}.result-box{background:#fff;color:#222;border:0}.result-grid div{background:#fff4e4;border-color:#f1d69c}.result-grid b{color:#b40f25}.result-box h2{color:#222}
@media(max-width:980px){.yee-round-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gov-card-grid{grid-template-columns:1fr}.lotto-hero-select{padding:18px}.balance-orb{min-width:0}}
@media(max-width:560px){body{background:#f4f5f8}.top{position:sticky}.nav{padding:10px 0}.brand b{font-size:16px}.links{background:#ffffff18;border-radius:14px;padding:6px}.links a{font-size:13px;padding:8px 10px}.lotto-hero-select h1{font-size:25px}.lotto-hero-select p{font-size:13px}.lotto-switch{position:sticky;top:0;z-index:10}.yee-round-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.market-tile{min-height:90px;padding:12px}.market-tile strong{font-size:15px}.gov-lotto-card{min-height:145px}.amount-quick{grid-template-columns:repeat(4,1fr)}.amount-quick button{padding:8px;font-size:13px}.copy{padding-bottom:18px}}



/* ===== MIO LOTTO V5 RUAY-LIKE BLACK GOLD UI ===== */
body.ruay-ui{
  margin:0;
  min-height:100vh;
  color:#222;
  font-family:Kanit,Noto Sans Thai,Arial,sans-serif;
  background:
    linear-gradient(118deg, transparent 0 11%, rgba(231,177,53,.9) 11.2%, transparent 11.6% 100%),
    linear-gradient(62deg, transparent 0 17%, rgba(231,177,53,.75) 17.2%, transparent 17.7% 100%),
    radial-gradient(circle at 16% 8%, rgba(255,206,87,.12), transparent 22%),
    repeating-linear-gradient(135deg, rgba(255,204,85,.18) 0 4px, transparent 4px 10px),
    linear-gradient(90deg,#090909 0,#171819 17%,#060707 34%,#121314 70%,#050606 100%);
  background-size:cover,cover,580px 580px,380px 380px,cover;
  background-attachment:fixed;
}
body.ruay-ui:before,
body.ruay-ui:after{content:"";position:fixed;z-index:-1;pointer-events:none}
body.ruay-ui:before{left:-50px;top:70px;width:410px;height:680px;background:linear-gradient(130deg,#1c1d20,#050606);clip-path:polygon(0 0,75% 0,100% 50%,72% 100%,0 100%);box-shadow:inset -4px 0 #d9a849, 0 0 60px #000}
body.ruay-ui:after{right:-70px;top:60px;width:460px;height:700px;background:linear-gradient(230deg,#18191c,#050606);clip-path:polygon(25% 0,100% 0,100% 100%,28% 100%,0 50%);box-shadow:inset 4px 0 #d9a849,0 0 60px #000}

.ruay-topbar{height:54px;background:linear-gradient(90deg,#f3a800 0,#ffe57b 45%,#b87300 100%);border-bottom:1px solid #6d4500;box-shadow:0 3px 8px rgba(0,0,0,.45);position:sticky;top:0;z-index:50}
.ruay-top-inner{width:min(1140px,calc(100% - 26px));margin:0 auto;height:54px;display:flex;align-items:center;gap:13px}
.ruay-brand{display:flex;align-items:center;gap:8px;color:#000;text-decoration:none;font-weight:900;font-size:22px;letter-spacing:.4px;white-space:nowrap}
.ruay-logo{width:31px;height:31px;border-radius:4px;background:linear-gradient(135deg,#070707,#31210a);border:1px solid #c89118;color:#f8ca48;display:grid;place-items:center;font-weight:900;font-style:italic;box-shadow:0 2px 4px #0007}
.ruay-jackpot{height:34px;border-radius:4px;background:#303641;color:#fff;display:flex;align-items:center;gap:9px;padding:0 14px;font-size:14px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.ruay-jackpot b{color:#ffcf5b;font-size:20px}.ruay-jackpot em{font-style:normal}
.ruay-userbar{margin-left:auto;display:flex;align-items:center;gap:6px}.ruay-userbar a,.ruay-userbar button{height:34px;border:0;border-radius:5px;background:#5c4615;color:#fff;text-decoration:none;font-weight:800;display:inline-flex;align-items:center;gap:5px;padding:0 10px;font-family:inherit;cursor:pointer}.ruay-credit{background:#333b45!important}.ruay-profile{background:#9c6900!important}.ruay-lang{background:#fff!important;color:#222!important}.ruay-menu{font-size:20px;width:46px;justify-content:center}
.ruay-mobile-menu{display:none;position:fixed;right:12px;top:58px;z-index:60;background:#151515;border:1px solid #d19b21;border-radius:8px;box-shadow:0 14px 30px #000a;overflow:hidden;min-width:210px}
.show-mobile-menu .ruay-mobile-menu{display:block}.ruay-mobile-menu a{display:block;padding:12px 16px;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff14;font-weight:800}.ruay-mobile-menu a:hover{background:#2a210a;color:#ffd46b}

.ruay-shell{width:min(1040px,calc(100% - 28px));margin:12px auto 76px}
.ruay-panel,.ruay-bet-panel{background:#fff;border:1px solid #c6cbd1;border-radius:3px;box-shadow:0 0 0 4px rgba(255,255,255,.18),0 16px 48px rgba(0,0,0,.55);overflow:hidden}
.ruay-panel-head{height:42px;background:#242424;color:#bfc3c7;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:14px}.ruay-panel-head a{color:#bfc3c7;text-decoration:none}.rule-btn{background:#fff;color:#444!important;border-radius:3px;padding:6px 13px;font-weight:800}
.ruay-section h2{margin:0;padding:6px 9px;background:#343b40;color:#fff;font-size:17px;line-height:1.1;font-weight:700}
.ruay-lotto-grid{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px}
.ruay-lotto-grid.hot{grid-auto-rows:72px}.stock-grid{grid-auto-rows:68px}
.ruay-lotto-card{position:relative;display:block;min-height:66px;border-radius:2px;overflow:hidden;color:#fff;text-decoration:none;background:#222;border:1px solid #343434;box-shadow:0 1px 2px #0004}.ruay-lotto-card .goldbar{position:absolute;left:48px;top:0;right:0;height:32px;background:linear-gradient(90deg,#9c6900 0,#f8d863 35%,#7d5a00 72%,#261800 100%)}.ruay-lotto-card .goldbar.sparkle{background:radial-gradient(circle at 35% 45%,#fff 0 1px,transparent 2px),linear-gradient(90deg,#9c6900,#f8d863,#7d5a00,#261800)}.ruay-lotto-card .goldbar.silver{background:linear-gradient(90deg,#656565,#f0f0f0,#737373)}
.ruay-lotto-card .flag{position:absolute;left:0;top:0;width:48px;height:32px;display:block;background:#ddd;color:#222;text-align:center;font-size:22px;font-weight:900;line-height:32px}
.ruay-lotto-card strong{position:absolute;right:7px;top:2px;z-index:2;font-size:16px;line-height:18px;text-shadow:2px 2px #000,0 0 2px #000;color:#fff;font-weight:900}
.ruay-lotto-card small{position:absolute;right:8px;top:22px;z-index:2;font-size:12px;color:#ffd757;text-shadow:1px 1px #000;font-weight:800}
.ruay-lotto-card b{position:absolute;right:8px;bottom:5px;font-size:23px;line-height:1;color:#fff;text-shadow:2px 2px #000;font-weight:900}
.ruay-lotto-card.disabled{filter:grayscale(1);opacity:.68}.ruay-lotto-card.disabled b{font-size:16px;color:#ddd}
.flag.thai{background:linear-gradient(#d91d2b 0 18%,#fff 18% 32%,#26206f 32% 68%,#fff 68% 82%,#d91d2b 82%)}
.flag.vietnam{background:#df111d}.flag.vietnam:after{content:"★";color:#ffe23f;position:absolute;left:12px;top:0}
.flag.malaysia{background:repeating-linear-gradient(#d91d2b 0 4px,#fff 4px 8px)}.flag.malaysia:after{content:"★";color:#ffd34e;background:#12327b;position:absolute;left:0;top:0;width:22px;height:18px;font-size:10px;line-height:18px}
.flag.laos{background:linear-gradient(#d91d2b 0 25%,#25277e 25% 75%,#d91d2b 75%)}.flag.laos:after{content:"";position:absolute;left:15px;top:8px;width:16px;height:16px;background:#fff;border-radius:50%}
.flag.yk{background:#f6c50d;color:#1b1b1b}.flag.white{background:#fff}.flag.blue{background:#170087}.flag.egypt{background:linear-gradient(#d71920 0 33%,#fff 33% 66%,#111 66%)}.flag.japan{background:#fff}.flag.japan:after{content:"";position:absolute;left:15px;top:8px;width:16px;height:16px;background:#777;border-radius:50%}.flag.china{background:#777}.flag.hk{background:#6e6e6e}.flag.taiwan{background:#777}.flag.korea{background:linear-gradient(135deg,#fff 0 50%,#ccc 50%)}.flag.sg{background:linear-gradient(#777 0 50%,#fff 50%)}.flag.india{background:linear-gradient(#ff9933 0 33%,#fff 33% 66%,#138808 66%)}.flag.russia{background:linear-gradient(#fff 0 33%,#3155a4 33% 66%,#d52b1e 66%)}.flag.germany{background:linear-gradient(#111 0 33%,#dd0000 33% 66%,#ffce00 66%)}.flag.uk{background:#777}.flag.usa{background:repeating-linear-gradient(#777 0 4px,#ddd 4px 8px)}

.ruay-bet-panel{max-width:1020px;margin:0 auto;background:#f5f5f5}.bet-head{height:48px}.draw-title-row{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e5e5}.draw-title-row strong{font-size:22px;color:#8a5d00;font-weight:500}.draw-title-row span{display:inline-flex;margin-left:8px;background:#e5314e;color:#fff;border-radius:18px;padding:4px 12px;font-size:14px;font-weight:900}.draw-count{font-size:20px;color:#d91d38;border:1px solid #ddd;border-radius:5px;padding:5px 13px;background:#f8f8f8;box-shadow:inset 0 1px #fff}
.yee-strip{background:#fff;padding:8px;border-bottom:1px solid #ddd;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.yee-chip{border:1px solid #ddd;background:#f7f7f7;border-radius:4px;padding:7px;font-family:inherit;cursor:pointer}.yee-chip b{display:block}.yee-chip span{font-size:12px;color:#777}.yee-chip.open{border-color:#d29c16;background:#fffbe8}.yee-chip.settled{border-color:#29a65a;background:#effff3}.yee-chip.closed{filter:grayscale(1);opacity:.65}
.ruay-play-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;background:#fff;border-top:1px solid #ccc}.bet-leftbar{background:#0c0c0c;color:#fff;min-height:610px;padding:0 7px;border-right:4px solid #b08510}.side-collapse{height:32px;background:#333;margin:7px 0 4px;border-radius:2px;text-align:center;line-height:32px;font-weight:800}.bet-leftbar button,.bet-leftbar a{width:100%;display:block;height:34px;line-height:31px;margin:4px 0;border-radius:3px;border:1px solid #d2d2d2;background:#fff;color:#222;text-align:center;text-decoration:none;font-family:inherit;font-weight:800}.bet-leftbar button.active{background:linear-gradient(135deg,#fff6b8,#a76b00,#e8b63d);color:#632e00;border-color:#d1a015;box-shadow:inset 0 0 0 1px #ffd25c}.bet-leftbar a{background:#111;color:#d49100;border:0;text-align:left;padding-left:7px}.side-bucket{margin-top:10px;border-top:1px dashed #333;color:#ccc;font-size:13px;max-height:310px;overflow:auto;padding-top:8px}.side-bucket div{border-bottom:1px solid #2a2a2a;padding:4px 0}.side-bucket em{color:#555}
.bet-content{padding:0 8px 10px;min-width:0}.ruay-bet-form{background:#fff}.hidden-select,.hidden-bet-textarea{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.gold-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 0 5px}.gold-tabs button{height:62px;border:1px solid #c28d00;background:#fffbd2;color:#b57a00;font-family:inherit;font-size:16px;font-weight:900}.gold-tabs button.active{background:linear-gradient(135deg,#fff8be 0,#9f6400 60%,#d7950b 100%);color:#673400;text-shadow:0 1px #ffeda2}
.bet-mode-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:9px}.bet-mode-tabs button{height:52px;border:0;background:#eef3fb;color:#0076ff;font-size:17px;font-family:inherit}.bet-mode-tabs button.active{background:#007bff;color:#fff}.bet-mode-tabs button.green{background:#d9f8e4;color:#159340}
.search-row{display:grid;grid-template-columns:1fr 45px 1fr;gap:6px;margin:0 0 8px}.search-row input,.search-row button{height:34px;border:1px solid #bfc3ca;background:#fff;border-radius:2px;font-family:inherit;font-weight:800}.search-row input{padding:0 10px;font-weight:400}.market-ruay{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.market-ruay button{height:36px;border-radius:4px;border:1px solid #df2841;background:#df314a;color:#fff;display:grid;grid-template-columns:1fr 78px;align-items:center;padding:0;font-family:inherit;overflow:hidden;cursor:pointer}.market-ruay button strong{font-size:19px;line-height:1}.market-ruay button span{height:100%;display:grid;place-items:center;background:#fff0f2;color:#df314a}.market-ruay button.blue{background:#007bff;border-color:#007bff}.market-ruay button.blue span{background:#eff6ff;color:#007bff}.market-ruay button.green{background:#24a344;border-color:#24a344}.market-ruay button.green span{background:#eaffe9;color:#24a344}.market-ruay button.selected{outline:2px dashed #111;outline-offset:1px;background:#821728}.market-ruay button.selected span{font-weight:900}
.chosen-row{text-align:center;border:1px solid #e0e0e0;background:#fbfbfb;margin-bottom:8px;padding:4px;color:#777}.chosen-row span{display:inline-flex;background:#e5314e;color:#fff;border-radius:5px;padding:1px 8px;margin-left:6px}
.manual-entry{text-align:center}.manual-entry h3{color:#bc7e00;font-size:24px;margin:8px 0}.manual-entry input{width:158px;height:52px;border:0;background:transparent;text-align:center;color:#9b6500;font-size:32px;letter-spacing:7px;font-weight:900}.manual-entry input::placeholder{color:#b47a16}
.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.keypad button,.key-actions button{height:45px;border:1px solid #007bff;border-radius:3px;background:#fff;color:#007bff;font-size:20px;font-family:inherit;cursor:pointer}.keypad .blank{background:#ddd;border-color:#ddd}.key-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:5px}.key-actions button{background:#384049;color:#fff;border-color:#384049;font-size:16px;font-weight:900}.key-actions .gold{background:linear-gradient(135deg,#fff6b8,#a76b00,#e8b63d);color:#692e00;border-color:#d19a00}
.hundred-row{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin:12px 0}.hundred-row button{height:39px;border:1px solid #d8dde5;border-radius:4px;background:#fff;color:#222;font-size:18px;font-family:inherit;font-weight:900}.hundred-row button.active{background:#087df4;color:#fff;border-color:#087df4}
.num-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;align-items:start}.num-grid button{height:31px;border:1px solid #d99a24;border-radius:4px;background:#fff;color:#c37a00;font-family:inherit;font-weight:800}.num-grid button.hot{border-color:#df314a;color:#d4001e;font-weight:900}
.price-bar{display:grid;grid-template-columns:110px 1fr 1fr;gap:8px;background:#30343a;margin:12px -2px 10px;padding:12px;border-radius:4px;align-items:center}.price-bar label{color:#fff;text-align:center}.price-bar input{height:38px;border:0;border-radius:3px;text-align:center;font-family:inherit;font-size:17px}.submit-bet{height:39px;border:1px solid #d49a00;border-radius:4px;background:linear-gradient(135deg,#fff8b9,#a26700,#dc9b13);color:#7b3500;font-family:inherit;font-weight:900;cursor:pointer}
.condition-box{border:1px solid #d7d7d7;border-radius:5px;background:#f7f7f7;margin:8px 0 0;overflow:hidden}.condition-box h3{margin:0;color:#e09b21;padding:8px 10px;border-bottom:1px dashed #d5d5d5;font-size:20px}.condition-box b{display:block;margin:8px 10px;background:#e2a02c;color:#fff;border-radius:5px;padding:5px 10px;font-size:18px}.condition-box p{margin:1px 10px;color:#333}
.yeekee-shoot-box{margin:10px 0;border:1px solid #ddd;background:#fafafa;border-radius:4px;padding:10px;display:grid;grid-template-columns:140px 1fr 1fr 180px;gap:8px;align-items:center}.yeekee-shoot-box h3{margin:0;color:#a66b00}.yeekee-shoot-box select,.yeekee-shoot-box input{height:38px;border:1px solid #ccc;border-radius:3px;padding:0 10px;font-family:inherit}
.copy{position:fixed;left:0;right:0;bottom:0;background:#111;color:#fff;text-align:center;margin:0;padding:16px 8px;z-index:40;font-size:13px}.copy b{color:#f4bb33}

.result-modal{z-index:200}.result-box{border-radius:0;background:#fff;color:#222;border:3px solid #222;box-shadow:0 30px 90px #000c}.result-ribbon{background:#f7f7f7;color:#bc7e00;border-radius:0}.result-grid div{border-radius:0;background:#fff;border:1px solid #ddd}.result-grid b{color:#222}.result-grid div:first-child b{color:#2aae54}

@media(max-width:1000px){
  .ruay-shell{width:min(768px,calc(100% - 16px))}
  .ruay-lotto-grid{grid-template-columns:repeat(2,1fr)}
  .yee-strip{grid-template-columns:repeat(3,1fr)}
  .ruay-play-layout{grid-template-columns:120px minmax(0,1fr)}
  .bet-leftbar{padding:0 4px}.market-ruay{grid-template-columns:repeat(2,1fr)}.hundred-row{grid-template-columns:repeat(6,1fr)}.num-grid{grid-template-columns:repeat(7,1fr)}.ruay-jackpot{display:none}
}
@media(max-width:640px){
  body.ruay-ui{background:#eaf0f8;background-attachment:scroll}
  body.ruay-ui:before,body.ruay-ui:after{display:none}
  .ruay-top-inner{width:min(494px,100%);padding:0 8px}.ruay-topbar{height:54px}.ruay-brand b{font-size:22px}.ruay-userbar{gap:4px}.ruay-profile span,.ruay-lang,.ruay-support{display:none!important}.ruay-credit{height:31px!important;font-size:14px}.ruay-menu{height:34px!important}
  .ruay-shell{width:min(494px,100%);margin:0 auto 76px}.ruay-panel,.ruay-bet-panel{border-radius:0;box-shadow:none;border:0}.ruay-lotto-grid{grid-template-columns:repeat(2,1fr);gap:6px;padding:6px}.ruay-lotto-grid.hot{grid-auto-rows:72px}.stock-grid{grid-auto-rows:72px}.ruay-lotto-card strong{font-size:15px}.ruay-lotto-card b{font-size:20px}
  .draw-title-row{padding:10px 8px}.draw-title-row strong{font-size:20px}.draw-title-row span{font-size:12px}.draw-count{font-size:18px;padding:4px 8px}
  .ruay-play-layout{grid-template-columns:113px minmax(0,1fr)}.bet-leftbar{min-height:710px;border-right:4px solid #9f7d14}.bet-leftbar button,.bet-leftbar a{font-size:13px;height:31px;line-height:28px}.bet-content{padding:0 5px 8px}.gold-tabs button{height:58px}.bet-mode-tabs button{height:54px}.search-row{grid-template-columns:1fr 38px;gap:4px}.search-row button:last-child{grid-column:1/3}.market-ruay{grid-template-columns:repeat(2,1fr);gap:5px}.market-ruay button{grid-template-columns:1fr 54px;height:38px}.market-ruay button strong{font-size:18px}.manual-entry h3{font-size:22px}.keypad button,.key-actions button{height:45px}.hundred-row{grid-template-columns:repeat(4,1fr);gap:6px}.hundred-row button{height:41px}.num-grid{grid-template-columns:repeat(7,1fr);gap:5px}.num-grid button{height:31px;font-size:14px}.price-bar{grid-template-columns:1fr;gap:7px;padding:10px}.condition-box h3{font-size:18px}.yee-strip{grid-template-columns:repeat(2,1fr)}.yeekee-shoot-box{grid-template-columns:1fr;padding:8px}.side-bucket{font-size:12px}
}


/* ===== V8 click-complete fixes ===== */
.side-bucket div{display:flex!important;align-items:center;justify-content:space-between;gap:6px}
.side-bucket div button{width:22px!important;height:22px!important;line-height:18px!important;margin:0!important;border:0!important;border-radius:4px!important;background:#611!important;color:#fff!important;padding:0!important}
.sidebar-collapsed .bet-leftbar{width:42px;overflow:hidden}
.sidebar-collapsed .bet-leftbar button:not(.side-collapse),
.sidebar-collapsed .bet-leftbar a,
.sidebar-collapsed .side-bucket{display:none!important}
.sidebar-collapsed .ruay-play-layout{grid-template-columns:42px minmax(0,1fr)!important}
.gold-tabs button.active,.bet-mode-tabs button.active{box-shadow:inset 0 0 0 2px rgba(0,0,0,.24)}
.market-ruay button.selected{outline:2px dashed #111!important;outline-offset:1px!important;filter:saturate(1.2)}
.market-ruay button:active,.num-grid button:active,.hundred-row button:active,.keypad button:active,.key-actions button:active{transform:translateY(1px)}
.manual-entry input{caret-color:transparent}


/* ===== V10 price modal ===== */
body.modal-open{overflow:hidden}
.bet-price-modal[hidden]{display:none!important}
.bet-price-modal{position:fixed;inset:0;z-index:9999}
.bet-price-overlay{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.bet-price-dialog{position:relative;z-index:2;width:min(1000px,96vw);max-height:92vh;overflow:auto;margin:2vh auto;background:#efefef;border-radius:6px;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.bet-price-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(90deg,#b36b00,#f0d172,#b36b00);color:#111;font-size:32px;font-weight:900}
.bet-price-head .badge{display:inline-block;margin-left:8px;background:#2d3b4a;color:#fff;padding:2px 10px;border-radius:999px;font-size:18px;vertical-align:middle}
.bet-price-head .close-x{border:0;background:transparent;font-size:40px;line-height:1;color:#fff;cursor:pointer}
.bet-price-table{padding:0 0 10px}
.price-head-row,.price-row{display:grid;grid-template-columns:48px 1fr 90px 110px 1.2fr 56px;align-items:center;gap:10px;padding:6px 14px}
.price-head-row{font-weight:900;color:#8d5a00;background:#f7f7f7;position:sticky;top:0;z-index:2}
.price-row{background:#fff;border-top:1px solid #ddd}
.price-row.hot{background:#f4d1cb}
.price-row strong{display:block;background:#2fb34a;color:#fff;padding:8px 10px;text-align:center;font-size:20px}
.price-row input[type=number],.price-row input[type=text]{width:100%;height:42px;border:1px solid #c7ced7;border-radius:4px;padding:0 12px;font-size:18px;background:#f3f6fa}
.price-row span{font-size:18px;font-weight:700}
.price-row button{width:38px;height:38px;border-radius:8px;border:2px solid #b97a00;background:linear-gradient(180deg,#ffea92,#bf7a00);cursor:pointer}
.price-empty{padding:30px 16px;text-align:center;color:#666;font-weight:700}
.bet-price-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:10px 14px}
.bet-price-tools button{height:52px;border:0;border-radius:4px;background:#48515c;color:#fff;font-size:28px;font-weight:900}
.bet-equal-row{padding:0 14px 12px}
.equal-title{text-align:center;color:#39a148;font-size:22px;font-weight:900;margin-bottom:8px}
.equal-controls{display:grid;grid-template-columns:1.2fr 70px repeat(5,1fr);gap:10px;align-items:center}
.equal-controls input,.equal-controls button{height:48px;border-radius:4px;font-size:18px}
.equal-controls input{border:1px solid #c7ced7;padding:0 12px;background:#fff}
.equal-controls .plus{border:1px solid #5ebf61;background:#fff;color:#2ca34b;font-size:32px}
.equal-controls button{border:1px solid #bcbcbc;background:#e7e7e7;font-weight:800}
.bet-price-summary{display:grid;grid-template-columns:1fr 1fr}
.sum-card{padding:10px 14px;text-align:center;color:#fff}
.sum-card small{display:block;font-size:16px;font-weight:900}
.sum-card b{display:block;font-size:34px;font-weight:900}
.sum-card.blue{background:#167df0}
.sum-card.red{background:#e63343}
.bet-price-actions{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 14px 18px}
.bet-price-actions button{height:54px;border:0;border-radius:4px;font-size:30px;font-weight:900}
.bet-price-actions .cancel-all{background:#f4f4f4;color:#222}
.bet-price-actions .submit-all{background:#2cad45;color:#fff}
@media (max-width: 768px){
  .bet-price-dialog{width:96vw;max-height:95vh}
  .bet-price-head{font-size:18px;padding:8px 10px}
  .bet-price-head .badge{font-size:12px}
  .bet-price-head .close-x{font-size:24px}
  .price-head-row,.price-row{grid-template-columns:28px 58px 1fr 60px 1fr 32px;gap:6px;padding:4px 8px}
  .price-row strong{font-size:14px;padding:8px 4px}
  .price-row input[type=number],.price-row input[type=text]{height:34px;font-size:13px;padding:0 8px}
  .price-row span{font-size:13px}
  .price-row button{width:30px;height:30px;border-width:1px}
  .bet-price-tools{gap:10px;padding:8px}
  .bet-price-tools button{height:38px;font-size:16px}
  .equal-title{font-size:16px}
  .equal-controls{grid-template-columns:1fr 42px repeat(3,1fr);gap:6px}
  .equal-controls button:nth-last-child(-n+2){grid-column:span 1}
  .equal-controls button,.equal-controls input{height:38px;font-size:14px}
  .sum-card small{font-size:12px}
  .sum-card b{font-size:22px}
  .bet-price-actions{gap:10px;padding:10px 8px 14px}
  .bet-price-actions button{height:42px;font-size:18px}
}


/* ===== V10 price modal like original ===== */
.price-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:180;display:none;align-items:flex-start;justify-content:center;padding:0 10px 80px;overflow:auto}
.price-modal.show{display:flex}
body.modal-open{overflow:hidden}
.price-modal-box{width:min(1000px,100%);background:#fff;color:#111;min-height:640px;box-shadow:0 22px 70px rgba(0,0,0,.75);border:1px solid #7a5300}
.price-modal-head{height:38px;background:linear-gradient(90deg,#a25d00,#f7dc82,#a56300);display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:2;color:#111;font-weight:900}
.price-modal-head b{font-size:18px}.price-modal-head span{background:#2f3945;color:#fff;border-radius:999px;padding:2px 10px;font-size:12px;margin-left:5px}.price-modal-head button{position:absolute;right:8px;top:2px;border:0;background:transparent;color:#fff;font-size:34px;line-height:34px;cursor:pointer}
.price-table-wrap{max-height:520px;overflow:auto;background:#fff}
.price-table{width:100%;border-collapse:collapse;font-size:15px}.price-table th{background:#f2f2f2;color:#111;padding:7px;border-bottom:1px solid #dcdcdc;text-align:center}.price-table td{padding:5px;border-bottom:1px solid #ddd;text-align:center;background:#fafafa}.price-table tr.warn td{background:#e59b96!important}.price-table input{width:100%;height:36px;border:1px solid #cbd3dc;border-radius:4px;padding:0 12px;font-family:inherit;font-size:15px}.price-table input[readonly]{background:#e8edf3}.green-num{display:block;background:#20aa45;color:#fff;font-size:19px;padding:8px 7px;border-radius:0}.price-table button[data-remove-price-row]{border:1px solid #ad6e00;border-radius:5px;background:linear-gradient(#ffde73,#a96a00);font-size:18px;width:32px;height:36px;cursor:pointer}
.price-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-top:1px solid #ddd}.price-tools>button{height:40px;border:0;border-radius:4px;background:#6f7a83;color:#fff;font-weight:900;font-family:inherit;font-size:16px}.price-tools>button:nth-child(2){background:#303941}.set-all{grid-column:1/2;display:grid;grid-template-columns:1fr 44px;align-items:end;gap:0;text-align:center;color:#11a43d;font-weight:900}.set-all span{grid-column:1/3;margin-bottom:3px}.set-all input{height:38px;border:1px solid #cdd3db;border-radius:4px 0 0 4px;padding:0 12px;font-family:inherit}.set-all button{height:38px;border:1px solid #1fad49;background:#fff;color:#1fad49;font-size:28px;border-radius:0 4px 4px 0}
.quick-price{grid-column:2/3;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-price button{height:31px;border:1px solid #bbb;background:#ddd;border-radius:2px;font-family:inherit;font-size:15px}.quick-price button:last-child{grid-column:1/5}
.price-summary{display:grid;grid-template-columns:1fr 1fr;color:#fff}.price-summary>div{padding:9px;text-align:center}.credit-left{background:#087bf4}.bet-total{background:#e23245}.price-summary small{display:block;background:#fff;color:#333;border-radius:3px;width:max-content;margin:0 auto 3px;padding:0 8px;font-size:12px}.price-summary b{font-size:18px}
.price-actions{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:14px 16px 18px}.price-actions button{height:41px;border:0;border-radius:4px;font-size:17px;font-family:inherit;font-weight:900;cursor:pointer}.price-actions button:first-child{background:#f7f7f7;color:#111}.send-ticket{background:#24a745!important;color:#fff!important}
@media(max-width:640px){.price-modal{padding:0 0 80px}.price-modal-box{width:100%;min-height:100vh}.price-table{font-size:13px}.price-table th:nth-child(4),.price-table td:nth-child(4){display:none}.price-table input{height:38px}.green-num{font-size:18px}.price-tools{grid-template-columns:1fr;gap:10px}.set-all,.quick-price{grid-column:auto}.quick-price{grid-template-columns:repeat(3,1fr)}.quick-price button:last-child{grid-column:auto}.price-actions{gap:10px}.price-modal-head{height:40px}.price-modal-head button{font-size:32px}}


/* ===== V13 multi market select ===== */
.chosen-pill{display:inline-flex!important;background:#e5314e!important;color:#fff!important;border-radius:6px!important;padding:2px 9px!important;margin:1px 2px!important;font-size:13px!important;font-weight:900!important}
.market-ruay button.selected{outline:2px dashed #111!important;outline-offset:1px!important;filter:saturate(1.25) brightness(.96)}
.price-table td small{display:block;font-size:11px;color:#8a5d00;font-weight:900;line-height:1.1;margin-bottom:2px}


/* ===== V14 original market full 10 buttons ===== */
.market-ruay{grid-template-columns:repeat(4,1fr)!important}
.market-ruay button span{font-weight:900}
.market-ruay button span:has(+ *){}
@media(max-width:640px){.market-ruay{grid-template-columns:repeat(2,1fr)!important}}


/* ===== V15 green Pansook-like home page ===== */
body:has(.pansook-home){background:#effbdc!important;color:#141a12!important}
body:has(.pansook-home):before,body:has(.pansook-home):after{display:none!important}
body:has(.pansook-home) .ruay-topbar{display:none!important}
body:has(.pansook-home) .copy{display:none!important}

.pansook-home{
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 28%,rgba(255,255,255,.35) 0 72px,transparent 74px),
    radial-gradient(circle at 86% 20%,rgba(255,255,255,.4) 0 48px,transparent 50px),
    repeating-linear-gradient(135deg,rgba(255,255,255,.36) 0 4px,transparent 4px 13px),
    linear-gradient(120deg,#f5ffe4,#efffd2 35%,#eaffb9);
  padding:0 0 35px;
  font-family:Kanit,Arial,sans-serif;
}
.pansook-hero{
  width:min(1180px,100%);
  min-height:185px;
  margin:0 auto;
  padding:16px 18px 12px;
  background:
    radial-gradient(circle at 45% 55%,rgba(255,255,255,.52) 0 18px,transparent 19px),
    linear-gradient(145deg,rgba(37,194,43,.45),rgba(154,227,47,.55)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 3px,transparent 3px 12px),
    linear-gradient(120deg,#49cc45,#9de022);
  border-left:12px solid #6bd000;
  border-right:12px solid #cdf000;
  position:relative;
  box-shadow:0 0 25px rgba(65,180,0,.25);
}
.pansook-logo{width:150px;text-align:center;margin:0 0 8px}
.ps24{width:100px;height:74px;border-radius:18px;margin:auto;background:#fff;color:#229b26;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:900;font-size:28px;line-height:.9;text-shadow:2px 2px 0 #e7ffd2;border:4px solid #e8ffd4;box-shadow:0 4px 0 #399e27,0 8px 16px #0002}
.ps24 b{font-size:32px}.pansook-logo small{display:block;color:#258826;font-weight:900;margin-top:4px;letter-spacing:.4px}
.pansook-login{position:absolute;left:210px;right:20px;top:38px;display:grid;grid-template-columns:1fr 1fr 160px 100px 150px 150px;gap:14px;align-items:center}
.pansook-login label{height:46px;background:#fff;border-radius:6px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #86d628}
.pansook-login label span{font-size:20px;color:#6ab800}.pansook-login input{border:0;outline:0;font:inherit;width:100%;font-size:16px}
.pansook-login button,.pansook-login a{height:46px;border:0;border-radius:6px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:900;font-family:inherit}
.pansook-login button{background:#526d56;color:#fff}.pansook-login a{color:#13200c}.pansook-login .signup{background:#fff;color:#5bb900}.pansook-login .contact{background:#6bd000;color:#fff}
.member-bar{grid-template-columns:180px 170px 140px 120px;left:auto;width:max-content}.member-bar a{padding:0 18px}
.ticker{height:38px;border-radius:8px;background:rgba(255,255,255,.65);display:flex;align-items:center;gap:9px;padding:0 12px;margin-top:22px;font-weight:800;color:#111;box-shadow:inset 0 0 0 1px rgba(65,150,0,.15)}
.ticker span{font-size:20px;color:#000}.ticker marquee{font-size:15px}

.pansook-card,.pansook-section{
  width:min(1120px,calc(100% - 32px));
  margin:0 auto 26px;
  background:#fff;
  border-radius:8px;
  padding:16px 16px 20px;
  box-shadow:0 10px 24px rgba(74,150,0,.12);
}
.result-top{margin-top:0}
.home-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.result-card{border-radius:8px;padding:11px;background:linear-gradient(135deg,#eaffc9,#aee950);color:#111;min-height:230px}
.result-card h2,.pansook-section h2{font-size:24px;margin:0 0 6px;color:#111;font-weight:900}
.result-card p,.section-date{margin:0 0 10px;color:#4eba00;font-weight:900}
.big-result{border-radius:8px;background:rgba(255,255,255,.45);text-align:center;padding:8px;margin-bottom:10px}
.big-result small{display:block;background:rgba(255,255,255,.65);border-radius:999px;font-size:12px}
.big-result b{display:block;font-size:36px;line-height:1.45;font-weight:900}
.result-card.yee{background:linear-gradient(135deg,#fafafa,#8e8e8e);color:#111}
.result-card.yee p{color:#42b700}.big-result.gray{background:linear-gradient(135deg,#e8e8e8,#bbb)}
.mini-result-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.result-card.yee .mini-result-row{grid-template-columns:repeat(2,1fr)}
.mini-result-row div{background:rgba(255,255,255,.42);border-radius:6px;text-align:center;padding:4px}.mini-result-row span{display:block;background:rgba(255,255,255,.72);border-radius:999px;font-size:12px;font-weight:800}.mini-result-row b{display:block;font-size:28px}
.result-card a{display:block;margin-top:12px;text-align:center;background:#6bce00;color:#fff;text-decoration:none;border-radius:8px;padding:9px;font-weight:900}

.bank-card{border-radius:8px;text-align:center;padding:24px 18px;background:linear-gradient(135deg,#58a776,#e7fff0);min-height:160px}
.bank-card.pink{background:linear-gradient(135deg,#ef2f97,#ffd1e9)}
.bank-icon{width:58px;height:58px;border-radius:50%;background:#0d8740;color:#fff;margin:0 auto 10px;display:grid;place-items:center;font-size:28px}
.bank-card h3{margin:0;font-size:18px}.bank-card p{font-weight:900;color:#5cc400;margin:5px 0 16px}
.bank-result,.foreign-result{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bank-result span,.bank-result b,.foreign-result span,.foreign-result b{background:rgba(255,255,255,.45);border-radius:7px;padding:3px;font-weight:900}

.pink-grid{display:grid;grid-template-columns:repeat(2,260px);gap:16px}.pink-grid article{height:150px;border-radius:8px;background:linear-gradient(135deg,#e5458f,#ffd7e9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.foreign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.foreign-card{min-height:145px;border-radius:8px;background:linear-gradient(135deg,#3d3694,#f5f5ff);padding:14px;text-align:center;color:#111}
.foreign-card h3,.pink-grid h3{margin:8px 0 12px;font-size:16px;font-weight:900}
.round-flag{display:block;width:62px;height:62px;border-radius:50%;margin:0 auto;background:#ddd;box-shadow:0 2px 7px rgba(0,0,0,.2)}
.round-flag.vietnam{background:#de1322;position:relative}.round-flag.vietnam:after{content:"★";color:#ffd63d;font-size:26px;line-height:62px}
.round-flag.malaysia,.round-flag.usa{background:repeating-linear-gradient(#c91526 0 6px,#fff 6px 12px);position:relative}
.round-flag.malaysia:before,.round-flag.usa:before{content:"★";position:absolute;left:0;top:0;width:32px;height:32px;background:#214b91;color:#ffe15f;border-radius:50%;line-height:32px}
.round-flag.laos{background:linear-gradient(#cf1322 0 24%,#22499a 24% 76%,#cf1322 76%);position:relative}.round-flag.laos:after{content:"";position:absolute;left:20px;top:20px;width:22px;height:22px;border-radius:50%;background:#fff}
.pansook-footer{text-align:center;font-weight:800;color:#438c19;margin:28px 0 10px}

@media(max-width:900px){
  .pansook-login{position:static;grid-template-columns:1fr;gap:8px;margin-top:8px}.pansook-logo{margin:auto}.member-bar{width:auto}
  .home-grid.two,.foreign-grid{grid-template-columns:1fr}.pink-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .pansook-home{background:#f2fde6}
  .pansook-hero{width:min(494px,100%);padding:18px 14px;border-left:4px solid #6bd000;border-right:4px solid #cdf000}
  .pansook-login label,.pansook-login button,.pansook-login a{height:50px}
  .ticker{height:46px;margin-top:18px}
  .pansook-card,.pansook-section{width:min(494px,calc(100% - 18px));padding:13px;margin-bottom:16px}
  .result-card{min-height:auto}.mini-result-row{grid-template-columns:1fr 1fr}.mini-result-row div:last-child{grid-column:1/3}
  .big-result b{font-size:32px}
  .foreign-card{min-height:126px}
}


/* ===== V16 site-wide theme system + editable logo ===== */
.site-logo-img{height:34px;max-width:170px;object-fit:contain;border-radius:4px}
.admin-logo-img{width:42px;height:42px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}
.ruay-home{background:var(--theme-primary,#6bd000)!important;color:#fff!important}
.theme-preview-admin{display:flex;align-items:center;gap:14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-bottom:16px}
.theme-preview-admin img{width:90px;height:70px;object-fit:contain;background:#fff;border-radius:12px;border:1px solid #e5e7eb}
.theme-preview-admin .fake-logo{width:70px;height:70px;border-radius:16px;background:linear-gradient(135deg,var(--theme-primary,#6bd000),var(--theme-secondary,#9de022));display:grid;place-items:center;font-size:34px;font-weight:900;color:#fff}
.theme-preview-admin b{display:block;font-size:22px}.theme-preview-admin small{display:block;color:#64748b}
.color-input{height:48px!important;padding:4px!important}

/* make all inside pages match green home theme */
body.ruay-ui.site-theme.theme-green{
  color:#15210c!important;
  background:
    radial-gradient(circle at 12% 28%,rgba(255,255,255,.35) 0 70px,transparent 72px),
    radial-gradient(circle at 86% 20%,rgba(255,255,255,.4) 0 45px,transparent 47px),
    repeating-linear-gradient(135deg,rgba(255,255,255,.35) 0 4px,transparent 4px 13px),
    linear-gradient(120deg,#f5ffe4,#efffd2 35%,#eaffb9)!important;
  background-attachment:fixed!important;
}
body.ruay-ui.site-theme.theme-green:before,
body.ruay-ui.site-theme.theme-green:after{display:none!important}
.theme-green .ruay-topbar{
  background:linear-gradient(90deg,var(--theme-primary,#6bd000),#c9f55e,var(--theme-secondary,#9de022))!important;
  border-bottom:1px solid rgba(60,130,0,.35)!important;
}
.theme-green .ruay-brand{color:#174400!important}
.theme-green .ruay-logo{background:#fff!important;color:var(--theme-primary,#6bd000)!important;border:3px solid #eaffd6!important;box-shadow:0 4px 0 rgba(35,130,0,.45)!important}
.theme-green .ruay-jackpot{background:#526d56!important}
.theme-green .ruay-userbar a,.theme-green .ruay-userbar button{background:#5ac300!important;color:#fff!important}
.theme-green .ruay-credit{background:#526d56!important}
.theme-green .ruay-profile{background:#60ba00!important}
.theme-green .ruay-lang{background:#fff!important;color:#2b471b!important}
.theme-green .ruay-shell,.theme-green .ruay-bet-panel{
  background:#fff!important;
  border-radius:10px!important;
  border:1px solid rgba(96,186,0,.18)!important;
  box-shadow:0 10px 28px rgba(74,150,0,.16)!important;
}
.theme-green .ruay-panel{
  border-radius:10px!important;
  border:1px solid rgba(96,186,0,.18)!important;
  box-shadow:0 10px 28px rgba(74,150,0,.16)!important;
  background:#fff!important;
}
.theme-green .ruay-panel-head,.theme-green .bet-head{
  background:linear-gradient(90deg,#6bd000,#9de022)!important;
  color:#1d3a0b!important;
}
.theme-green .ruay-panel-head a,.theme-green .bet-head a{color:#1d3a0b!important;font-weight:900}
.theme-green .ruay-section h2{
  background:linear-gradient(90deg,#60ba00,#9de022)!important;
  color:#fff!important;
}
.theme-green .ruay-lotto-grid{background:#fff!important}
.theme-green .ruay-lotto-card.active{background:linear-gradient(135deg,#8ee33d,#fff)!important;border-color:#77cc20!important}
.theme-green .ruay-lotto-card .goldbar{background:linear-gradient(90deg,#69c000,#eaffc9,#8fdc2a)!important}
.theme-green .ruay-lotto-card strong{color:#101010!important;text-shadow:1px 1px #fff!important}
.theme-green .ruay-lotto-card small{color:#47a700!important;text-shadow:none!important}
.theme-green .ruay-lotto-card b{color:#111!important;text-shadow:1px 1px #fff!important}
.theme-green .ruay-lotto-card.disabled{background:#f0f0f0!important}
.theme-green .draw-title-row{background:#fff!important;border-bottom:1px solid #dbeec7!important}
.theme-green .draw-title-row strong{color:#3e9c00!important}
.theme-green .draw-title-row span{background:#67c900!important}
.theme-green .draw-count{color:#3e9c00!important;background:#f4ffe9!important;border-color:#a8e671!important}
.theme-green .bet-leftbar{background:#f3ffe8!important;border-right:4px solid #6bd000!important;color:#111!important}
.theme-green .side-collapse{background:#66bd00!important;color:#fff!important}
.theme-green .bet-leftbar button,.theme-green .bet-leftbar a{border-color:#6bd000!important}
.theme-green .bet-leftbar button.active{
  background:linear-gradient(135deg,#fff,#9de022,#6bd000)!important;
  color:#214300!important;
  border-color:#6bd000!important;
}
.theme-green .bet-leftbar a{background:#eaffd6!important;color:#3c8a00!important}
.theme-green .side-bucket{color:#29410e!important;border-top-color:#b6e891!important}
.theme-green .gold-tabs button{border-color:#7ccc18!important;color:#4b9100!important}
.theme-green .gold-tabs button.active{background:linear-gradient(135deg,#f2ffd9,#9de022,#65bd00)!important;color:#214300!important}
.theme-green .condition-box h3{color:#53aa00!important}
.theme-green .condition-box b{background:#63bd00!important}
.theme-green .copy{background:#11220b!important;color:#dfffce!important}
.theme-green .price-modal-head{background:linear-gradient(90deg,#65bd00,#dfff8c,#6bd000)!important}
.theme-green .send-ticket{background:#27a844!important}
.theme-green .bank-card.green{background:linear-gradient(135deg,#58a776,#e7fff0)!important}
.theme-green .foreign-card{background:linear-gradient(135deg,#5ab62b,#f5fff0)!important}

/* other color themes via backend */
body.ruay-ui.site-theme.theme-blue{
  --theme-primary:#1677ff;--theme-secondary:#63b3ff;--theme-accent:#00d4ff;
  background:linear-gradient(135deg,#06142b,#0b2d5d,#06142b)!important;
}
.theme-blue .ruay-topbar{background:linear-gradient(90deg,#0f5fd1,#63b3ff,#053e90)!important}
.theme-blue .ruay-panel-head,.theme-blue .bet-head,.theme-blue .ruay-section h2{background:#0f5fd1!important}
body.ruay-ui.site-theme.theme-pink{
  --theme-primary:#ff3b8d;--theme-secondary:#ff8fcb;--theme-accent:#ffd1e4;
  background:linear-gradient(135deg,#2a0617,#6b1641,#16050e)!important;
}
.theme-pink .ruay-topbar{background:linear-gradient(90deg,#ff3b8d,#ffd1e4,#c80062)!important}
.theme-pink .ruay-panel-head,.theme-pink .bet-head,.theme-pink .ruay-section h2{background:#ff3b8d!important}
body.ruay-ui.site-theme.theme-dark{background:#050608!important}
.theme-dark .ruay-topbar{background:linear-gradient(90deg,#111,#555,#111)!important}
body.ruay-ui.site-theme.theme-gold{background:linear-gradient(90deg,#090909,#171819,#050606)!important}

/* admin theme polish */
.admin-shell .side .brand{gap:10px}
.admin-shell .side .brand img.admin-logo-img + span b{line-height:1.1}


/* ===== V17 rule modal + language dropdown + home button route ===== */
.ruay-userbar{position:relative}
.lang-dropdown{display:none;position:absolute;right:52px;top:42px;z-index:90;min-width:150px;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.25);overflow:hidden}
.lang-dropdown.show{display:block}
.lang-dropdown button{width:100%;height:42px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#203010!important;text-align:left;justify-content:flex-start!important;padding:0 14px!important;font-weight:900!important}
.lang-dropdown button:hover{background:#efffdd!important}
.rule-btn{border:0;border-radius:4px;background:#fff;color:#111;font-weight:900;padding:6px 13px;font-family:inherit;cursor:pointer}
.rule-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:220;align-items:center;justify-content:center;padding:18px}
.rule-modal.show{display:flex}
.rule-modal-box{width:min(620px,100%);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 25px 90px rgba(0,0,0,.45)}
.rule-modal-head{height:48px;background:linear-gradient(90deg,var(--theme-primary,#6bd000),var(--theme-secondary,#9de022));display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#163500;font-weight:900}
.rule-modal-head button{border:0;background:transparent;font-size:34px;line-height:1;color:#fff;cursor:pointer}
.rule-modal-body{padding:18px;color:#1b2b12}.rule-modal-body h3{margin:0 0 10px;color:#3a9600;font-size:24px}.rule-modal-body li{margin:8px 0}
.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.rule-grid div{background:#f2ffe7;border:1px solid #b9ed8d;border-radius:10px;padding:10px;text-align:center}.rule-grid b{display:block}.rule-grid span{color:#2e9a00;font-size:20px;font-weight:900}
@media(max-width:640px){.lang-dropdown{right:8px;top:48px}.rule-grid{grid-template-columns:1fr}.rule-modal{align-items:flex-start;padding-top:60px}}

/* ===== V18 submit bet final validation ===== */
.bet-modal-msg{display:none;margin:8px 14px 0;padding:10px 12px;border-radius:8px;font-weight:900;text-align:center}
.bet-modal-msg.show{display:block}
.bet-modal-msg.err{background:#ffe4e6;color:#b00020;border:1px solid #ff8c9b}
.bet-modal-msg.ok{background:#e8ffe3;color:#218000;border:1px solid #75d35d}
.input-error{border-color:#e11d48!important;box-shadow:0 0 0 2px rgba(225,29,72,.15)!important}
.ruay-shell.bet>.alert{margin:0 0 10px!important;border-radius:10px!important;font-weight:900!important;text-align:center!important}
.submit-all:disabled{opacity:.65;cursor:wait!important}


/* ===== V19 Yeekee lock + Mini games ===== */
.mini-lock-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mini-lock{width:86px!important;height:34px!important;padding:0 8px!important}
.checkline{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800}
.ruay-mini{background:#38a500!important;color:#fff!important}
.mini-page{width:min(1120px,calc(100% - 26px));margin:24px auto 80px}
.mini-hero{background:linear-gradient(135deg,var(--theme-primary,#6bd000),var(--theme-secondary,#9de022));border-radius:18px;padding:24px;color:#153700;box-shadow:0 12px 35px rgba(68,160,0,.2);margin-bottom:18px}
.mini-hero h1{margin:0 0 8px;font-size:32px;font-weight:900}.mini-hero p{margin:0 0 12px;font-weight:700}.mini-credit{display:inline-flex;background:#fff;border-radius:999px;padding:8px 16px;font-weight:900}.mini-credit b{color:#209500;margin-left:6px}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.mini-card{background:#fff;border:1px solid rgba(90,180,0,.22);border-radius:16px;padding:18px;box-shadow:0 10px 24px rgba(70,140,0,.12)}
.mini-card.full{margin-bottom:18px}.mini-card h2{margin:0 0 14px;font-size:24px;color:#245d00}.mini-form{display:grid;gap:12px}.mini-form label{font-weight:900}
.stake-row,.choice-row{display:flex;flex-wrap:wrap;gap:8px}
.stake-row label,.choice-row label{cursor:pointer}.stake-row input,.choice-row input{display:none}
.stake-row span,.choice-row span{display:inline-flex;align-items:center;justify-content:center;border:1px solid #95dd66;border-radius:10px;background:#f1ffe8;padding:9px 13px;font-weight:900;min-width:76px}
.stake-row input:checked+span,.choice-row input:checked+span{background:linear-gradient(135deg,#60c000,#a8ee38);color:#fff;border-color:#4cb000;box-shadow:0 5px 14px rgba(70,160,0,.25)}
.mini-room-list{display:grid;gap:10px}.mini-room{display:grid;grid-template-columns:1.5fr 110px 1fr auto;gap:10px;align-items:center;background:#f8fff4;border:1px solid #bce99b;border-radius:12px;padding:10px}.mini-room b{font-weight:900}.mini-room small{display:block;color:#64745b}.stake-badge{background:#e5314e;color:#fff;border-radius:999px;padding:7px 10px;font-weight:900;text-align:center}.join-form{display:flex;gap:8px;align-items:center}.join-form .input{height:36px!important}
.btn.danger{background:#e03131!important;color:#fff!important}
@media(max-width:760px){.mini-grid{grid-template-columns:1fr}.mini-room{grid-template-columns:1fr}.join-form{flex-direction:column;align-items:stretch}.mini-page{width:min(494px,calc(100% - 14px));margin-top:12px}.mini-hero h1{font-size:24px}}


/* ===== V21 MiniGame toggle + pro animation UI ===== */
.result-actions{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:12px}
.close-modal-btn{background:#eef2f7!important;color:#111!important}
.mini-closed-page{min-height:calc(100vh - 160px);display:grid;place-items:center}
.mini-closed-card{
  width:min(680px,calc(100% - 24px));text-align:center;background:rgba(255,255,255,.92);
  border:1px solid rgba(105,220,0,.35);border-radius:28px;padding:44px 28px;
  box-shadow:0 24px 70px rgba(40,110,0,.22);position:relative;overflow:hidden;
  animation:miniFadeUp .55s ease both;
}
.mini-closed-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 120deg,transparent,#8bf00033,transparent,#fff8);animation:miniRotate 7s linear infinite}
.mini-closed-card>*{position:relative;z-index:1}
.mini-closed-icon{width:96px;height:96px;margin:0 auto 16px;border-radius:28px;display:grid;place-items:center;font-size:50px;background:linear-gradient(135deg,var(--theme-primary,#6bd000),var(--theme-secondary,#9de022));box-shadow:0 12px 32px rgba(80,170,0,.35);animation:miniFloat 2.2s ease-in-out infinite}
.mini-closed-card h1{margin:0 0 8px;font-size:34px;color:#235f00}.mini-closed-card p{font-weight:800;color:#58704b}.mini-closed-actions{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}

.mini-hero-pro{
  display:grid;grid-template-columns:minmax(0,1.2fr) 320px;gap:20px;align-items:center;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%,rgba(255,255,255,.6),transparent 150px),
    linear-gradient(135deg,var(--theme-primary,#6bd000),var(--theme-secondary,#9de022))!important;
}
.mini-hero-pro:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 4px,transparent 4px 14px);pointer-events:none}
.mini-hero-pro>*{position:relative;z-index:2}
.mini-hero-orbs span{position:absolute;border-radius:50%;background:rgba(255,255,255,.22);animation:miniFloat 3.4s ease-in-out infinite}
.mini-hero-orbs span:nth-child(1){width:80px;height:80px;right:210px;top:24px}
.mini-hero-orbs span:nth-child(2){width:34px;height:34px;right:34px;bottom:24px;animation-delay:.7s}
.mini-hero-orbs span:nth-child(3){width:52px;height:52px;left:42%;bottom:30px;animation-delay:1.1s}
.mini-stage{height:220px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.25),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;position:relative;box-shadow:inset 0 0 40px rgba(255,255,255,.12)}
.hand{position:absolute;width:90px;height:90px;border-radius:24px;background:#fff;display:grid;place-items:center;font-size:52px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hand-left{left:34px;animation:handLeft 1.25s ease-in-out infinite}.hand-right{right:34px;animation:handRight 1.25s ease-in-out infinite}
.vs-badge{width:72px;height:72px;border-radius:999px;background:#15210c;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.25);z-index:2}
.coin-spin{position:absolute;bottom:22px;font-size:42px;animation:coinSpin 1.6s linear infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.22))}
.game-card{position:relative;overflow:hidden;transform:translateY(0);transition:.25s ease;animation:miniFadeUp .45s ease both}
.game-card:nth-child(2){animation-delay:.08s}
.game-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(70,140,0,.18)}
.game-glow{position:absolute;inset:auto -20% -40% -20%;height:160px;background:radial-gradient(circle,rgba(120,255,0,.35),transparent 65%);filter:blur(10px);pointer-events:none}
.game-card h2{position:relative}.mini-form{position:relative;z-index:1}
.choice-pop{animation:choicePop .35s ease both}
.mini-form.submitting,.join-form.submitting{opacity:.72;filter:saturate(.8)}
.mini-form.submitting:after,.join-form.submitting:after{content:"กำลังทำรายการ...";position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.72);border-radius:14px;color:#2a7c00;font-weight:900}
.mini-room{animation:miniFadeUp .35s ease both;transition:.2s ease}.mini-room:hover{transform:translateX(4px);box-shadow:0 10px 24px rgba(70,140,0,.14)}
.stake-row span,.choice-row span{transition:.18s ease}.stake-row span:hover,.choice-row span:hover{transform:translateY(-2px);box-shadow:0 7px 15px rgba(80,170,0,.14)}
@keyframes miniFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes miniFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes miniRotate{to{transform:rotate(360deg)}}
@keyframes coinSpin{0%{transform:rotateY(0deg) rotate(-8deg)}100%{transform:rotateY(360deg) rotate(-8deg)}}
@keyframes handLeft{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-10px)}}
@keyframes handRight{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-10px)}}
@keyframes choicePop{0%{transform:scale(.98)}50%{transform:scale(1.025)}100%{transform:scale(1)}}
@media(max-width:820px){.mini-hero-pro{grid-template-columns:1fr}.mini-stage{height:170px}.hand{width:72px;height:72px;font-size:42px}.vs-badge{width:58px;height:58px;font-size:22px}.mini-closed-card h1{font-size:26px}}

/* ===== V23 member home like Pansook + minigame menu split + reverse preview ===== */
body:has(.pansook-member-dashboard){
  background:
    radial-gradient(circle at 80% 28%,rgba(255,255,255,.32) 0 60px,transparent 62px),
    radial-gradient(circle at 30% 18%,rgba(255,255,255,.34) 0 34px,transparent 36px),
    repeating-linear-gradient(135deg,rgba(255,255,255,.20) 0 4px,transparent 4px 16px),
    linear-gradient(135deg,#eaffc9 0%,#91e000 70%,#6bd000 100%)!important;
  background-attachment:fixed!important;
}
body:has(.pansook-member-dashboard) .ruay-topbar{display:none!important}
.pansook-member-dashboard{min-height:100vh;width:min(1180px,100%);margin:0 auto;padding:8px 18px 42px;font-family:Kanit,Arial,sans-serif;color:#111;position:relative}
.member-announcement{height:36px;border-radius:10px;background:rgba(255,255,255,.55);box-shadow:0 2px 12px rgba(70,140,0,.22);display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:800;margin:0 auto 18px;width:min(100%,980px)}
.member-announcement span{font-size:20px}.member-announcement marquee{font-size:15px}
.member-hero-logo{text-align:center;margin:8px auto 22px}.member-hero-logo img{height:92px;max-width:180px;object-fit:contain}.member-logo-mark{width:92px;height:92px;margin:auto;border-radius:18px;background:#fff;display:grid;place-items:center;color:#149b1f;font-size:28px;font-weight:900;line-height:.8;box-shadow:0 5px 0 #4ca827,0 12px 25px #0002}.member-logo-mark b{font-size:34px}.member-hero-logo small{display:block;color:#3a8323;font-weight:900;margin-top:6px}
.member-quick-top{position:absolute;top:86px;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none}.member-quick-top a,.member-quick-top button{pointer-events:auto;border:0;border-radius:9px;background:#fff;color:#56b900;width:34px;height:34px;display:inline-grid;place-items:center;text-decoration:none;font-weight:900;box-shadow:0 4px 12px #0001}.member-quick-top a:nth-child(2){margin-left:8px}.member-quick-top button{margin-left:auto;font-size:18px}
.member-wallet-card{width:min(900px,100%);margin:0 auto 20px;border-radius:10px;border:2px solid #8be12b;background:rgba(220,255,170,.52);box-shadow:0 10px 32px rgba(82,150,0,.2);padding:14px;position:relative;overflow:hidden}.member-wallet-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 50%),repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 3px,transparent 3px 14px);pointer-events:none}.member-wallet-card>*{position:relative;z-index:1}.member-user-row{display:flex;justify-content:space-between;align-items:center;font-size:16px;margin-bottom:10px}.member-status{width:max-content;margin:0 auto 4px;background:#94d938;border-radius:999px;padding:4px 12px;font-weight:900;font-size:13px}.member-balance{text-align:center;font-size:40px;font-weight:900;line-height:1;margin-bottom:16px}.member-pay-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:8px;margin-bottom:10px}.member-pay-grid a{height:48px;border-radius:8px;background:linear-gradient(#8ee500,#62c800);border:2px solid #56af00;color:#111;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:inset 0 1px #dfff9b}.member-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.member-main-actions a{height:72px;border-radius:8px;background:#050505;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:900}.member-main-actions span{filter:drop-shadow(0 0 8px #a5ff2d)}.member-main-actions b{font-size:22px}
.member-menu-grid{width:min(900px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.member-menu-grid a{height:78px;border-radius:8px;background:#fff;color:#111;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;box-shadow:0 8px 18px rgba(60,120,0,.12);border:1px solid #e8f6df}.member-menu-grid span{font-size:25px;filter:drop-shadow(0 0 6px #8cff00)}.member-bottom-actions{width:min(900px,100%);margin:8px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.member-bottom-actions a{height:42px;border-radius:8px;border:2px solid rgba(255,255,255,.8);background:#65cf00;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 8px 16px rgba(60,120,0,.16)}.member-footer{text-align:center;margin:28px 0 0;font-weight:900;font-size:13px}
.bucket-num{display:inline-block;background:#eefbdd;color:#123;border:1px solid #a5d66a;border-radius:5px;margin:1px 2px;padding:1px 5px;font-weight:900}
.mini-menu-page{width:min(1080px,calc(100% - 26px));margin:24px auto 90px}.mini-select-hero{position:relative;overflow:hidden;border-radius:26px;padding:34px;background:linear-gradient(135deg,#79dc00,#c8ff70);box-shadow:0 18px 44px rgba(80,150,0,.22);color:#153700}.mini-select-hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 4px,transparent 4px 14px);pointer-events:none}.mini-select-hero h1{margin:0 0 8px;font-size:36px;font-weight:900}.mini-select-hero p{font-weight:800;margin:0 0 14px}.mini-provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.mini-provider-card{position:relative;overflow:hidden;min-height:260px;border-radius:24px;text-decoration:none;color:#111;background:#fff;box-shadow:0 18px 42px rgba(80,140,0,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;transition:.24s ease}.mini-provider-card:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 120deg,transparent,rgba(125,255,0,.32),transparent,rgba(255,255,255,.8));animation:miniRotate 8s linear infinite}.mini-provider-card>*{position:relative;z-index:1}.mini-provider-card:hover{transform:translateY(-8px) scale(1.01)}.mini-provider-icon{width:96px;height:96px;border-radius:28px;background:linear-gradient(135deg,#62cd00,#c4ff6a);display:grid;place-items:center;font-size:52px;box-shadow:0 12px 28px rgba(80,150,0,.25);margin-bottom:14px}.mini-provider-card.coin .mini-provider-icon{animation:coinSpin 1.8s linear infinite}.mini-provider-card.rps .mini-provider-icon{animation:handLeft 1.3s ease-in-out infinite}.mini-provider-card h2{font-size:30px;margin:0 0 8px;font-weight:900}.mini-provider-card p{font-weight:800;color:#49633d}.mini-provider-card span{margin-top:14px;background:#111;color:#fff;border-radius:999px;padding:10px 28px;font-weight:900}.mini-menu-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.mini-menu-shortcuts a{height:46px;border-radius:12px;background:#65cf00;color:#fff;text-decoration:none;display:grid;place-items:center;font-weight:900}.mini-back-menu{display:inline-flex;background:#fff;color:#258300;text-decoration:none;border-radius:999px;padding:8px 15px;font-weight:900;margin-top:10px}.mini-play-rps .coin-card,.mini-play-coin .rps-card{display:none!important}.mini-play-rps .mini-grid,.mini-play-coin .mini-grid{grid-template-columns:1fr!important;max-width:720px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.pansook-member-dashboard{width:min(494px,100%);padding:8px 10px 30px}.member-announcement{width:100%;height:42px}.member-hero-logo{margin-top:12px}.member-quick-top{top:108px;left:18px;right:18px}.member-wallet-card{margin-top:54px}.member-pay-grid{grid-template-columns:1fr 1fr}.member-pay-grid a:nth-child(3){grid-column:1/3}.member-menu-grid{grid-template-columns:1fr 1fr}.member-bottom-actions{grid-template-columns:1fr}.member-main-actions a{height:88px}.mini-provider-grid{grid-template-columns:1fr}.mini-menu-shortcuts{grid-template-columns:1fr}.mini-select-hero h1{font-size:28px}}

/* ===== V24 member menu + referral/support pages ===== */
.mobile-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.18);z-index:58}.show-mobile-menu .mobile-scrim{display:block}.ruay-mobile-menu{display:none;position:fixed;right:18px;top:66px;z-index:90;width:240px;background:#121212!important;border:1px solid rgba(255,213,91,.8)!important;border-radius:10px!important;box-shadow:0 24px 55px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.03) inset!important;overflow:hidden;animation:menuPop .18s ease both}.show-mobile-menu .ruay-mobile-menu{display:block}.ruay-mobile-menu a{display:flex!important;align-items:center;gap:10px;padding:13px 18px!important;color:#fff!important;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)!important;font-weight:900!important;font-size:16px!important}.ruay-mobile-menu a span{width:22px;text-align:center}.ruay-mobile-menu a:hover{background:linear-gradient(90deg,#273d0a,#111)!important;color:#caff73!important}.ruay-profile{border:0;border-radius:8px;background:#55bd00;color:#fff;font-weight:900;padding:0 12px;height:38px;font-family:inherit;cursor:pointer}.drawer-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:95}.profile-drawer{position:fixed;right:-360px;top:0;height:100vh;width:min(340px,86vw);background:#fff;z-index:96;box-shadow:-20px 0 60px rgba(0,0,0,.35);transition:right .25s ease;color:#55bd00}.show-profile-drawer .drawer-scrim{display:block}.show-profile-drawer .profile-drawer{right:0}.drawer-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:999px;border:0;background:#fff;color:#65bd00;font-size:22px;font-weight:900}.drawer-head{background:#65c900;padding:28px 18px;text-align:center;color:#fff}.drawer-avatar{width:58px;height:58px;background:#fff;border-radius:999px;margin:0 auto 8px;display:grid;place-items:center;font-size:32px}.drawer-head b,.drawer-head span{display:block}.profile-drawer a{display:block;color:#64bd00;text-decoration:none;font-weight:900;padding:15px 22px;border-bottom:1px solid #e9f5dd}.profile-drawer a:hover{background:#f3ffe8}@keyframes menuPop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

.pansook-page{width:min(1120px,100%);min-height:calc(100vh - 80px);margin:0 auto;padding:28px 18px 80px;background:linear-gradient(135deg,rgba(102,205,0,.18),rgba(232,255,192,.15));font-family:Kanit,Arial,sans-serif}.ps-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(111,205,0,.55);border-radius:10px;padding:15px 18px;margin:0 0 12px;box-shadow:0 8px 18px rgba(70,140,0,.16)}.ps-page-head h1{margin:0;font-size:26px;color:#0d2400}.ps-page-head a,.ps-page-head .btn{background:#061500!important;color:#fff!important;border-radius:999px;text-decoration:none;padding:7px 14px;font-weight:900}.ps-card{background:rgba(255,255,255,.88);border:1px solid rgba(116,210,0,.32);border-radius:12px;padding:18px;margin:12px 0;box-shadow:0 12px 24px rgba(80,150,0,.12)}.profile-card{text-align:center}.profile-big-avatar{width:86px;height:86px;border-radius:999px;background:#62c900;color:#fff;display:grid;place-items:center;font-size:48px;margin:0 auto 10px}.profile-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:left;margin-top:14px}.profile-info-grid div{background:#f0ffe6;border:1px solid #b8ed88;border-radius:10px;padding:12px}.profile-info-grid span{display:block;color:#5d8750;font-size:13px}.profile-info-grid b{display:block;color:#183806}.ref-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.ref-tabs button{height:62px;border-radius:8px;border:1px solid #6aca00;background:#fff;font-weight:900}.ref-tabs .active{background:#62c900;color:#fff}.ref-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ref-stat-grid div{background:rgba(255,255,255,.75);border:2px solid #67c900;border-radius:8px;text-align:center;overflow:hidden}.ref-stat-grid b{display:block;background:#65bd00;color:#fff;padding:7px}.ref-stat-grid span{display:block;font-size:28px;padding:8px;color:#111}.ref-copy{background:rgba(90,170,0,.72);border-radius:10px;padding:14px;margin:12px 0}.ref-copy h2{background:#777;color:#fff;text-align:center;border-radius:6px;margin:0 0 12px;padding:10px}.copy-row{display:grid;grid-template-columns:1fr 110px;gap:10px}.copy-row input{height:46px;border:0;border-radius:8px;padding:0 12px;font-weight:800}.copy-row button{border:0;border-radius:8px;background:#164100;color:#fff;font-weight:900}.support-hero{background:rgba(100,205,0,.52);border:2px solid #83e000;border-radius:12px;text-align:center;padding:24px 14px;margin-bottom:12px}.support-hero .tabs{display:flex;gap:8px;justify-content:center}.support-hero .tabs b,.support-hero .tabs span{background:#fff;border-radius:999px;padding:5px 12px;color:#62bd00}.support-hero h2{color:#fff;font-size:30px;margin:18px 0 10px}.support-hero strong{display:inline-block;background:#fff;color:#65bd00;border-radius:9px;padding:6px 16px;font-size:28px}.support-hero p{color:#fff;font-weight:900}.support-hero div:last-child{background:#fff;border-radius:8px;padding:9px;font-weight:800}.ticket-row{background:#f5ffe9;border:1px solid #bde98b;border-radius:9px;padding:12px;margin:8px 0}.ticket-row b{color:#234b00}.ticket-row span{float:right;background:#62c900;color:#fff;border-radius:999px;padding:2px 9px}.ticket-row em{display:block;background:#fff;border-left:4px solid #65bd00;padding:8px}.result-list-page{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ps-result-card{background:#fff;border:1px solid #bce78c;border-radius:12px;padding:14px;text-align:center}.ps-result-card h3{margin:0}.ps-result-card b{display:block;font-size:34px;color:#53b700}.set-builder pre{background:#f3ffe8;border:1px solid #bce78c;border-radius:10px;padding:12px;white-space:pre-wrap;font-weight:800;color:#111;min-height:90px}
@media(max-width:760px){.ruay-mobile-menu{right:18px;top:72px;width:240px}.pansook-page{width:min(494px,100%);padding:12px 10px 80px}.ps-page-head{align-items:flex-start;flex-direction:column}.ref-tabs,.ref-stat-grid,.result-list-page{grid-template-columns:1fr 1fr}.profile-info-grid{grid-template-columns:1fr}.support-hero h2{font-size:24px}.support-hero strong{font-size:22px}}

/* ===== V25 Pansook-style register page, no OTP step ===== */
body:has(.ps-auth-page){
  background:#8fdc33!important;
  color:#111!important;
  overflow-x:hidden;
}
body:has(.ps-auth-page) .ruay-topbar,
body:has(.ps-auth-page) .copy{display:none!important}
body.ruay-ui:has(.ps-auth-page):before,
body.ruay-ui:has(.ps-auth-page):after{display:none!important}
.ps-auth-page{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:42px 14px 54px;
  font-family:Kanit,Noto Sans Thai,Arial,sans-serif;
  color:#050505;
  background:
    linear-gradient(135deg,rgba(255,255,255,.22) 0 16%,transparent 16.3% 100%),
    radial-gradient(circle at 64% 68%,rgba(255,255,0,.45) 0 13%,transparent 13.4%),
    radial-gradient(circle at 24% 12%,rgba(255,255,255,.06) 0 18%,transparent 18.4%),
    linear-gradient(122deg,#71d357 0,#b9e72a 43%,#e9fb12 67%,#63c633 100%);
  overflow:hidden;
}
.ps-auth-page:before,
.ps-auth-page:after{
  content:"";
  position:fixed;
  top:-8vh;
  bottom:-8vh;
  width:440px;
  pointer-events:none;
  opacity:.55;
  background:
    repeating-linear-gradient(45deg,transparent 0 10px,rgba(255,255,255,.9) 10px 14px,transparent 14px 24px),
    linear-gradient(45deg,transparent 0 26%,rgba(44,170,43,.43) 26.5% 39%,transparent 39.4% 100%),
    linear-gradient(45deg,rgba(255,255,255,.18),rgba(255,255,255,.05));
  transform:skewX(-1deg);
}
.ps-auth-page:before{left:-120px;clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%)}
.ps-auth-page:after{right:-120px;clip-path:polygon(22% 0,100% 0,100% 100%,22% 100%,0 50%)}
.ps-auth-card{
  position:relative;
  z-index:2;
  width:min(520px,100%);
  background:#fff;
  border-radius:6px;
  padding:28px 28px 17px;
  box-shadow:0 16px 38px rgba(38,115,0,.20);
  border:0;
}
.ps-auth-logo-wrap{display:flex;justify-content:center;margin:0 0 18px}.ps-auth-logo-img{max-width:156px;max-height:136px;object-fit:contain}.ps-auth-logo-text{width:150px;height:136px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.9;color:#09642d;text-shadow:0 2px 0 #ffe66b,2px 0 0 #ffe66b,-2px 0 0 #ffe66b,0 -2px 0 #ffe66b;font-weight:900}.ps-auth-logo-text b{font-size:42px}.ps-auth-logo-text strong{font-size:40px;color:#fff;background:#08622f;border-radius:999px;padding:5px 18px;margin-top:5px;box-shadow:0 0 0 5px #ffe66b}.ps-auth-logo-text small{font-size:12px;letter-spacing:1px;color:#777;text-shadow:none;margin-top:13px;transform:rotate(10deg)}
.ps-auth-card h1{margin:0 0 10px;text-align:center;font-size:28px;font-weight:900;color:#020202;line-height:1.15}.ps-auth-card h2{font-size:23px;text-align:center;margin:20px 0 14px;color:#202020}.ps-step-badges{display:flex;gap:6px;justify-content:center;align-items:center;margin:8px 0 15px;flex-wrap:wrap}.ps-step-badges span{display:inline-flex;align-items:center;justify-content:center;background:#65c900;color:#050505;border-radius:8px;height:27px;padding:0 10px;font-size:12px;font-weight:900;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}
.ps-icon-input{height:51px;border:2px solid #66c900;border-radius:6px;display:flex;align-items:center;background:#fff;margin-top:8px;overflow:hidden}.ps-icon-input span{width:45px;display:grid;place-items:center;color:#61bd00;font-weight:900;font-size:20px}.ps-icon-input input,.ps-icon-input select{height:100%;width:100%;border:0!important;outline:0!important;background:#fff!important;color:#222!important;border-radius:0!important;padding:0 12px 0 2px!important;font:800 16px Kanit,Noto Sans Thai,Arial,sans-serif!important;box-shadow:none!important}.ps-icon-input input::placeholder{color:#858585}.ps-icon-input.select{position:relative}.ps-icon-input select{appearance:auto;cursor:pointer}.ps-auth-help,.ps-input-note{margin:7px 0 0;color:#050505;font-size:14px;font-weight:900;line-height:1.28}.ps-auth-help{margin-bottom:8px}.ps-auth-actions{display:grid;gap:10px;margin-top:14px}.ps-auth-actions.two{grid-template-columns:1fr 1fr}.ps-auth-btn{height:47px;border:0;border-radius:6px;background:#65c900;color:#050505!important;text-decoration:none;display:flex;align-items:center;justify-content:center;font:900 16px Kanit,Noto Sans Thai,Arial,sans-serif;box-shadow:inset 0 -3px 0 rgba(0,0,0,.17);cursor:pointer}.ps-auth-btn.primary{background:#65c900}.detail-actions{margin-top:18px}.ps-auth-copy{text-align:center;font-size:12px;font-weight:900;margin-top:28px;color:#111}.reg-step[hidden]{display:none!important}.shake{animation:psShake .32s linear}@keyframes psShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:640px){.ps-auth-page{padding:8px 0 24px;justify-content:center;background-size:cover}.ps-auth-card{width:min(494px,100%);min-height:0;border-radius:5px;padding:23px 22px 14px}.ps-auth-logo-wrap{margin-bottom:12px}.ps-auth-logo-img{max-width:142px;max-height:124px}.ps-auth-card h1{font-size:25px}.ps-auth-card h2{font-size:21px}.ps-step-badges span{font-size:11px;padding:0 8px}.ps-auth-actions.two{grid-template-columns:1fr}.ps-icon-input{height:49px}.ps-auth-copy{margin-top:18px}.reg-step-detail .ps-auth-actions.two{grid-template-columns:1fr 1fr}}


/* ===== V26 login fail stay on home ===== */
.pansook-login .alert{grid-column:1/-1;margin:0!important;border-radius:8px!important;padding:9px 12px!important;font-size:14px!important;font-weight:900!important;text-align:center!important}
.pansook-login .alert.err{background:#fff1f3!important;color:#b42318!important;border:1px solid #ffccd5!important}
.pansook-login .alert.ok{background:#ecfdf3!important;color:#027a48!important;border:1px solid #abe0c2!important}


/* ===== V27 cute popup login feedback ===== */
.cute-popup-backdrop{position:fixed;inset:0;background:rgba(10,20,10,.22);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;opacity:0;transition:all .25s ease;pointer-events:none}
.cute-popup-backdrop.show{opacity:1;pointer-events:auto}
.cute-popup-card{width:min(360px,100%);background:linear-gradient(180deg,#ffffff 0%,#f5fff0 100%);border:3px solid #b7eb74;border-radius:28px;box-shadow:0 18px 60px rgba(84,128,29,.25);padding:22px 20px 18px;text-align:center;transform:translateY(20px) scale(.95);transition:all .25s ease;position:relative;overflow:hidden}
.cute-popup-backdrop.show .cute-popup-card{transform:translateY(0) scale(1)}
.cute-popup-card:before,.cute-popup-card:after{content:"";position:absolute;border-radius:999px;background:rgba(155,225,72,.16)}
.cute-popup-card:before{width:120px;height:120px;left:-35px;top:-35px}
.cute-popup-card:after{width:95px;height:95px;right:-30px;bottom:-30px}
.cute-popup-badge{width:86px;height:86px;margin:0 auto 12px;border-radius:999px;background:linear-gradient(180deg,#8ce830 0%,#67c812 100%);display:grid;place-items:center;font-size:42px;box-shadow:0 10px 26px rgba(107,208,0,.35);position:relative;z-index:1}
.cute-popup-title{font-size:30px;font-weight:900;color:#18380f;line-height:1.1;position:relative;z-index:1}
.cute-popup-message{margin:10px auto 18px;color:#466533;font-size:18px;font-weight:700;line-height:1.45;max-width:280px;position:relative;z-index:1}
.cute-popup-btn{height:48px;min-width:160px;padding:0 22px;border:0;border-radius:999px;background:linear-gradient(180deg,#7cde12 0%,#5bbb00 100%);color:#fff;font-family:inherit;font-size:18px;font-weight:900;box-shadow:0 8px 22px rgba(91,187,0,.28);cursor:pointer;position:relative;z-index:1}
.cute-popup-btn:hover{transform:translateY(-1px)}
.cute-popup-backdrop.is-error .cute-popup-card{background:linear-gradient(180deg,#fff 0%,#fff6f7 100%);border-color:#ffc9d3;box-shadow:0 18px 60px rgba(180,35,24,.14)}
.cute-popup-backdrop.is-error .cute-popup-badge{background:linear-gradient(180deg,#ff91a3 0%,#ff6280 100%);box-shadow:0 10px 26px rgba(255,98,128,.28)}
.cute-popup-backdrop.is-error .cute-popup-title{color:#8f1830}.cute-popup-backdrop.is-error .cute-popup-message{color:#a03f57}.cute-popup-backdrop.is-error .cute-popup-btn{background:linear-gradient(180deg,#ff7890 0%,#ff5476 100%)}
@media(max-width:560px){.cute-popup-card{padding:20px 16px 16px;border-radius:24px}.cute-popup-title{font-size:25px}.cute-popup-message{font-size:16px}.cute-popup-badge{width:74px;height:74px;font-size:36px}.cute-popup-btn{width:100%;font-size:17px}}


/* ===== V28 Jackpot ยิงเลขแจ็คพอต ตามต้นฉบับ + ตามธีมหลังบ้าน ===== */
.ruay-jackpot{text-decoration:none!important}
.jackpot-page{
  width:min(1100px,calc(100% - 24px));
  margin:18px auto 70px;
  color:#071325;
}
.jackpot-titlebar{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.08);
  border-radius:8px;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 14px;
  box-shadow:0 4px 14px rgba(0,0,0,.06);
}
.jackpot-titlebar>div{
  font-size:28px;
  font-weight:900;
  color:color-mix(in srgb,var(--theme-accent,#b97910) 72%,#071325);
  display:flex;
  align-items:center;
  gap:8px;
}
.jackpot-titlebar>div span{
  display:inline-grid;
  place-items:center;
  width:26px;height:26px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--theme-accent,#c98b19),var(--theme-primary,#6bd000));
  color:#fff;
  font-size:18px;
}
.jackpot-back,.jackpot-rule{
  text-decoration:none;
  border-radius:6px;
  padding:8px 12px;
  color:#304057;
  background:#fff;
  border:1px solid rgba(0,0,0,.16);
  font-weight:600;
}
.jackpot-back{
  background:#222;
  color:#fff;
  border-color:#222;
}
.jackpot-rule:hover,.jackpot-back:hover{filter:brightness(.96)}
.jackpot-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:10px 0 14px;
}
.jackpot-tabs a{
  min-height:62px;
  border:1px solid color-mix(in srgb,var(--theme-accent,#c58b1a) 80%,#fff);
  border-radius:6px;
  background:rgba(255,255,255,.9);
  color:color-mix(in srgb,var(--theme-accent,#bd8318) 85%,#111);
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  font-weight:700;
  box-shadow:inset 0 1px rgba(255,255,255,.55);
}
.jackpot-tabs a span{font-size:24px;line-height:1}
.jackpot-tabs a.active{
  background:linear-gradient(180deg,var(--theme-accent,#c68b18),color-mix(in srgb,var(--theme-accent,#c68b18) 78%,#653b00));
  color:#fff;
  border-color:transparent;
}
.jackpot-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(0,0,0,.08);
  border-radius:8px;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
  padding:12px;
}
.jackpot-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 8px;
  border-bottom:1px solid rgba(0,0,0,.08);
  margin-bottom:12px;
}
.jackpot-section-head h1{
  font-size:26px;
  margin:0;
  color:#071325;
}
.jackpot-section-head span{
  background:color-mix(in srgb,var(--theme-accent,#ca8a16) 86%,#fff);
  color:#fff;
  padding:4px 8px;
  border-radius:5px;
  font-size:14px;
  font-weight:700;
}
.jackpot-result-grid{
  display:grid;
  grid-template-columns:1fr 265px;
  gap:8px;
  align-items:start;
}
.jackpot-date{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:16px;
  margin:6px 0;
}
.jackpot-date b{
  background:#152133;
  color:#fff;
  border-radius:5px;
  padding:2px 7px;
  font-size:13px;
}
.jackpot-alert{
  background:color-mix(in srgb,#ffe2e8 85%,var(--theme-accent,#ca8a16));
  color:#9b1c1c;
  border:1px solid rgba(220,38,38,.18);
  border-radius:5px;
  padding:8px 10px;
  font-size:14px;
}
.jackpot-amount-box{
  min-height:68px;
  border-radius:6px;
  background:linear-gradient(180deg,#28313c 0 34%,var(--theme-accent,#c98211) 35%,color-mix(in srgb,var(--theme-accent,#c98211) 70%,#673300));
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 1px rgba(255,255,255,.4);
}
.jackpot-amount-box small{
  font-weight:900;
  line-height:1.2;
}
.jackpot-amount-box b{
  font-size:30px;
  line-height:1;
  letter-spacing:1px;
  text-shadow:0 2px 2px rgba(0,0,0,.35);
}
.jackpot-number-show{
  margin-top:18px;
  border:1px solid #263342;
  border-radius:5px;
  text-align:center;
  overflow:hidden;
}
.jackpot-number-show h2{font-size:19px;margin:8px 0 0}
.jackpot-number-show p{margin:2px 0 8px;color:#071325}
.jackpot-number-show strong{
  display:block;
  border-top:1px solid rgba(0,0,0,.14);
  padding:10px;
  font-size:30px;
  letter-spacing:2px;
  color:#13202e;
}
.jackpot-winner-box{
  margin-top:8px;
  border:1px solid rgba(0,0,0,.09);
  border-radius:6px;
  display:grid;
  grid-template-columns:1fr 260px;
  gap:12px;
  padding:8px 12px;
  align-items:center;
}
.jackpot-winner-box h2{
  margin:0;
  font-size:24px;
  text-align:center;
}
.jackpot-winner-box h2::first-letter{color:var(--theme-accent,#c98512)}
.jackpot-winner-box p{
  text-align:center;
  color:color-mix(in srgb,var(--theme-accent,#c98512) 80%,#6b3f00);
  margin:4px 0 0;
}
.jackpot-date.mini{justify-content:center;margin:2px 0}
.jackpot-winner-box aside{
  background:color-mix(in srgb,#ffd7df 72%,var(--theme-accent,#c98512));
  border:1px solid #f43f5e;
  border-radius:5px;
  min-height:68px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.jackpot-winner-box aside small{
  width:90%;
  background:#fff;
  border-radius:4px;
  text-align:center;
}
.jackpot-winner-box aside b{
  font-size:30px;
  color:color-mix(in srgb,var(--theme-accent,#c98512) 85%,#5c3200);
}
.jackpot-bet-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  align-items:start;
}
.jackpot-mode-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-bottom:18px;
}
.jackpot-mode-tabs button{
  height:46px;
  border:1px solid var(--theme-primary,#0d6efd);
  background:#fff;
  color:var(--theme-primary,#0d6efd);
  font-family:inherit;
  font-size:16px;
  border-radius:4px;
  cursor:pointer;
}
.jackpot-mode-tabs button.active{
  background:var(--theme-primary,#0d6efd);
  color:#fff;
}
.jackpot-keypad-box h2{
  text-align:center;
  color:color-mix(in srgb,var(--theme-accent,#b77a14) 92%,#111);
  font-size:22px;
  margin:0 0 12px;
}
.jackpot-digits{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-bottom:8px;
}
.jackpot-digits span{
  width:50px;height:50px;
  border:1px solid color-mix(in srgb,var(--theme-accent,#b77a14) 85%,#111);
  background:#fff;
  display:grid;
  place-items:center;
  font-size:25px;
  font-weight:900;
}
.jackpot-keypad{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
}
.jackpot-keypad button{
  height:44px;
  border:1px solid var(--theme-primary,#0d6efd);
  border-radius:4px;
  background:#fff;
  color:var(--theme-primary,#0d6efd);
  font-family:inherit;
  font-size:22px;
  cursor:pointer;
}
.jackpot-keypad button:active{transform:translateY(1px)}
.jackpot-keypad button:disabled{
  background:#ddd;
  border-color:#d0d0d0;
  color:#aaa;
}
.jackpot-actions-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:6px;
}
.jackpot-actions-row button{
  height:46px;
  border:0;
  border-radius:4px;
  color:#fff;
  background:#5c6672;
  font-family:inherit;
  font-weight:700;
  cursor:pointer;
}
.jackpot-actions-row .gold{
  grid-row:1/2;
  background:linear-gradient(135deg,#fff2a8,var(--theme-accent,#b87912),#7a4400);
  color:#612b00;
  font-size:22px;
  border:1px solid #9a6408;
}
.jackpot-actions-row button:last-child{background:#343a40}
.jackpot-keypad-box label{
  display:block;
  font-weight:800;
  margin-bottom:12px;
}
.jackpot-keypad-box label .input{
  margin-top:4px;
  width:100%;
}
.jackpot-list-box{
  border:1px solid rgba(0,0,0,.12);
  border-radius:5px;
  padding:10px 12px;
}
.jackpot-list-box h3{
  margin:0 0 10px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(0,0,0,.35);
}
.jackpot-current-list{
  min-height:150px;
  background:#fff;
  border-right:10px solid #eee;
  padding:14px;
  font-size:20px;
  font-weight:900;
  color:#1f2937;
  letter-spacing:1px;
}
.jackpot-reward-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:10px 0;
}
.jackpot-reward-row div{
  background:color-mix(in srgb,var(--theme-primary,#59c900) 28%,#e6e6e6);
  border-radius:5px;
  text-align:center;
  padding:10px;
  font-size:16px;
}
.jackpot-reward-row b{font-size:26px}
.jackpot-submit{
  width:100%;
  border:0;
  height:46px;
  border-radius:6px;
  background:linear-gradient(180deg,var(--theme-primary,#24a748),color-mix(in srgb,var(--theme-primary,#24a748) 78%,#126026));
  color:#fff;
  font-family:inherit;
  font-weight:900;
  font-size:17px;
  cursor:pointer;
}
.jackpot-muted{color:#697386;margin:4px 0 14px}
.jackpot-recent-list{
  margin-top:14px;
  border-top:1px solid rgba(0,0,0,.08);
  padding-top:12px;
}
.jackpot-chip-list{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.jackpot-chip-list span{
  background:color-mix(in srgb,var(--theme-primary,#6bd000) 20%,#fff);
  border:1px solid color-mix(in srgb,var(--theme-primary,#6bd000) 50%,#fff);
  border-radius:999px;
  padding:5px 11px;
  font-weight:900;
}
.jackpot-empty{
  padding:18px;
  border-radius:6px;
  background:#f7f7f7;
  color:#657083;
}
.jackpot-table b{font-size:18px;color:var(--theme-primary,#59c900)}
@media(max-width:760px){
  .jackpot-page{width:min(100% - 14px,520px);margin-top:8px}
  .jackpot-titlebar{gap:6px;flex-wrap:wrap}
  .jackpot-titlebar>div{font-size:24px;order:1;width:100%;justify-content:center}
  .jackpot-back{order:2}.jackpot-rule{order:3;margin-left:auto}
  .jackpot-tabs{gap:5px}
  .jackpot-tabs a{min-height:58px;font-size:13px}
  .jackpot-section-head{align-items:flex-start;flex-direction:column}
  .jackpot-result-grid,.jackpot-winner-box,.jackpot-bet-layout{grid-template-columns:1fr;gap:12px}
  .jackpot-digits{gap:5px}
  .jackpot-digits span{width:42px;height:46px}
  .jackpot-reward-row{grid-template-columns:1fr}
  .jackpot-current-list{min-height:96px}
}

.jackpot-rules{font-size:17px;line-height:1.8;padding:8px 12px}.jackpot-rules p{margin:8px 0}.jackpot-rules b{color:var(--theme-primary,#6bd000)}


/* ===== V29 match original member dashboard UI/icons/buttons + theme-aware colors ===== */
body:has(.pansook-member-dashboard){
  --ps-primary:var(--theme-primary,#6bd000);
  --ps-secondary:var(--theme-secondary,#9de022);
  --ps-accent:var(--theme-accent,#ffcf47);
  --ps-dark:#061406;
  --ps-card:rgba(225,255,174,.54);
  --ps-card-strong:rgba(158,226,36,.58);
  background:
    radial-gradient(circle at 86% 20%,rgba(255,255,255,.34) 0 55px,transparent 57px),
    radial-gradient(circle at 34% 15%,rgba(255,255,255,.28) 0 28px,transparent 30px),
    radial-gradient(circle at 86% 90%,rgba(255,255,255,.16) 0 45px,transparent 47px),
    linear-gradient(135deg,rgba(255,255,255,.55),transparent 33%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.20) 0 4px,transparent 4px 15px),
    linear-gradient(135deg,color-mix(in srgb,var(--ps-secondary) 36%,#f2ffd2) 0%,var(--ps-secondary) 44%,var(--ps-primary) 100%)!important;
  background-attachment:fixed!important;
}
.pansook-member-dashboard{
  width:min(1240px,100%)!important;
  padding:8px 20px 46px!important;
}
.member-announcement{
  width:min(100%,1040px)!important;
  height:38px!important;
  border:1px solid color-mix(in srgb,var(--ps-primary) 22%,#fff)!important;
  background:rgba(255,255,255,.52)!important;
  color:#10200a!important;
  box-shadow:0 4px 14px rgba(70,150,0,.18)!important;
}
.member-announcement b{color:#111;font-weight:900}
.mio-mini-ico{
  display:inline-grid;
  place-items:center;
  width:100%;
  height:100%;
  color:var(--ps-primary);
  font-family:Arial,Helvetica,sans-serif;
  font-weight:900;
  font-style:normal;
  line-height:1;
  text-shadow:0 0 7px color-mix(in srgb,var(--ps-primary) 65%,transparent);
}
.mio-mini-ico:before{display:block}
.icon-speaker:before{content:"◖";font-size:20px}
.icon-home:before{content:"⌂";font-size:20px}
.icon-chat:before{content:"☁";font-size:18px}
.icon-menu:before{content:"☰";font-size:20px}
.member-hero-logo{
  margin:10px auto 26px!important;
}
.member-hero-logo img{
  height:96px!important;
  filter:drop-shadow(0 7px 0 rgba(29,117,22,.24)) drop-shadow(0 12px 22px rgba(0,0,0,.14));
}
.member-logo-mark{
  width:98px!important;height:98px!important;border-radius:20px!important;
  color:#0da42c!important;border:4px solid #fff!important;
  box-shadow:0 7px 0 color-mix(in srgb,var(--ps-primary) 74%,#126000),0 14px 28px rgba(0,0,0,.18)!important;
}
.member-hero-logo small{color:color-mix(in srgb,var(--ps-primary) 72%,#174600)!important;letter-spacing:.4px!important}
.member-quick-top{
  top:86px!important;
  left:28px!important;
  right:28px!important;
}
.member-quick-top a,.member-quick-top button{
  width:36px!important;height:36px!important;border-radius:9px!important;
  background:#fff!important;color:var(--ps-primary)!important;
  box-shadow:0 6px 16px rgba(53,120,0,.14)!important;
}
.member-wallet-card{
  width:min(1010px,100%)!important;
  min-height:300px!important;
  margin:0 auto 22px!important;
  padding:16px 16px 18px!important;
  border-radius:8px!important;
  border:2px solid color-mix(in srgb,var(--ps-primary) 84%,#fff)!important;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--ps-primary) 34%,transparent),rgba(255,255,255,.52) 46%,rgba(255,255,255,.64)),
    color-mix(in srgb,var(--ps-secondary) 34%,#fff)!important;
  box-shadow:0 12px 28px rgba(60,120,0,.18), inset 0 1px rgba(255,255,255,.7)!important;
}
.member-wallet-card:before{
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--ps-primary) 34%,transparent),transparent 42%),
    repeating-linear-gradient(45deg,rgba(255,255,255,.20) 0 4px,transparent 4px 16px)!important;
}
.member-user-row{
  font-size:16px!important;
  margin:0 0 26px!important;
}
.member-user-row b{display:flex;align-items:center;gap:7px}
.member-user-row>span{display:grid;place-items:center}
.member-status{
  color:#0b1800!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ps-secondary) 70%,#fff),var(--ps-primary))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.75);
  padding:5px 14px!important;
}
.member-balance{
  font-size:42px!important;
  letter-spacing:1px!important;
  color:#040704!important;
  text-shadow:0 2px rgba(255,255,255,.35)!important;
  margin-bottom:17px!important;
}
.member-pay-grid{
  grid-template-columns:1fr 1fr 2fr!important;
  gap:8px!important;
  margin-bottom:13px!important;
}
.member-pay-grid a{
  height:52px!important;
  border-radius:8px!important;
  border:2px solid color-mix(in srgb,var(--ps-primary) 70%,#386f00)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ps-secondary) 78%,#fff) 0%,var(--ps-primary) 56%,color-mix(in srgb,var(--ps-primary) 72%,#357300) 100%)!important;
  color:#060f02!important;
  text-shadow:0 1px rgba(255,255,255,.38)!important;
  gap:8px!important;
  box-shadow:inset 0 2px rgba(255,255,255,.44),0 6px 14px rgba(65,130,0,.14)!important;
}
.member-pay-grid a:hover{filter:brightness(1.03);transform:translateY(-1px)}
.member-main-actions{
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.member-main-actions a{
  height:88px!important;
  border-radius:8px!important;
  background:#020202!important;
  border:1px solid #0d0d0d!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 18px rgba(0,0,0,.18)!important;
}
.member-main-actions b{
  font-size:23px!important;
  text-shadow:0 2px 2px rgba(0,0,0,.6)!important;
}
.dash-icon{
  display:inline-grid;
  place-items:center;
  font-family:Arial,Helvetica,sans-serif;
  font-style:normal;
  font-weight:900;
  line-height:1;
  color:#071006;
  text-align:center;
}
.dash-icon:before{
  display:block;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--ps-primary) 78%,transparent));
}
.member-pay-grid .dash-icon{width:22px;height:22px;font-size:21px;color:#071006}
.member-main-actions .dash-icon{font-size:31px;color:#fff;margin-bottom:8px;text-shadow:0 0 12px var(--ps-primary)}
.member-menu-grid .dash-icon{font-size:31px;color:#0b0f08;margin-bottom:8px;text-shadow:0 0 9px var(--ps-primary)}
.member-bottom-actions .dash-icon{font-size:25px;color:#fff;margin-right:9px;text-shadow:0 0 8px rgba(255,255,255,.25)}
.icon-user:before{content:"♟";font-size:18px}
.icon-trophy:before{content:"♜";font-size:22px}
.icon-jackpot:before{content:"%"}
.icon-qr:before{content:"▦"}
.icon-withdraw:before{content:"≋"}
.icon-lotto:before{content:"◎"}
.icon-casino:before{content:"♕"}
.icon-yiki:before{content:"♧"}
.icon-set:before{content:"▦"}
.icon-result:before{content:"▥"}
.icon-slip:before{content:"▤"}
.icon-number:before{content:"✎"}
.icon-ref:before{content:"▣"}
.icon-tx:before{content:"▤"}
.icon-wallet:before{content:"▰"}
.icon-mail:before{content:"✉"}
.member-menu-grid{
  width:min(1010px,100%)!important;
  gap:8px!important;
}
.member-menu-grid a{
  height:86px!important;
  border-radius:8px!important;
  border:1px solid color-mix(in srgb,var(--ps-primary) 12%,#fff)!important;
  background:rgba(255,255,255,.93)!important;
  color:#070b05!important;
  box-shadow:0 9px 18px rgba(54,116,0,.10)!important;
}
.member-menu-grid a:hover{
  border-color:color-mix(in srgb,var(--ps-primary) 65%,#fff)!important;
  transform:translateY(-1px);
}
.member-menu-grid b{
  font-size:16px!important;
}
.member-bottom-actions{
  width:min(1010px,100%)!important;
  gap:8px!important;
}
.member-bottom-actions a{
  height:46px!important;
  border-radius:8px!important;
  border:2px solid color-mix(in srgb,#fff 82%,var(--ps-primary))!important;
  background:linear-gradient(180deg,var(--ps-primary) 0%,color-mix(in srgb,var(--ps-primary) 72%,#266600) 100%)!important;
  color:#fff!important;
  text-shadow:0 1px rgba(0,0,0,.26)!important;
  box-shadow:0 8px 18px rgba(52,125,0,.18), inset 0 1px rgba(255,255,255,.25)!important;
}
.member-bottom-actions a span{display:inline-block}
.member-footer{color:#020902!important;margin-top:30px!important}

/* Make jackpot pages inherit green site theme instead of detached orange */
.jackpot-titlebar>div{color:color-mix(in srgb,var(--theme-primary,#6bd000) 76%,#071325)!important}
.jackpot-titlebar>div span,
.jackpot-tabs a.active,
.jackpot-section-head span,
.jackpot-confirm-btn{
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-secondary,#9de022) 82%,#fff),var(--theme-primary,#6bd000))!important;
}
.jackpot-tabs a{
  border-color:color-mix(in srgb,var(--theme-primary,#6bd000) 70%,#fff)!important;
  color:color-mix(in srgb,var(--theme-primary,#6bd000) 70%,#111)!important;
}
.jackpot-tabs a.active{color:#fff!important}
.jackpot-amount-box{
  background:linear-gradient(180deg,#263340 0 34%,var(--theme-primary,#6bd000) 35%,color-mix(in srgb,var(--theme-primary,#6bd000) 70%,#235f00))!important;
}
.jackpot-keypad button,
.jackpot-cancel-last{
  border-color:color-mix(in srgb,var(--theme-primary,#6bd000) 72%,#fff)!important;
}
.jackpot-keypad button{
  color:color-mix(in srgb,var(--theme-primary,#6bd000) 72%,#0068ff)!important;
}
.jackpot-clear{
  background:#303841!important;color:#fff!important;
}
@media(max-width:760px){
  .pansook-member-dashboard{width:min(494px,100%)!important;padding:8px 10px 34px!important}
  .member-announcement{width:100%!important;height:40px!important}
  .member-wallet-card{margin-top:52px!important;min-height:0!important}
  .member-pay-grid{grid-template-columns:1fr 1fr!important}
  .member-pay-grid a:nth-child(3){grid-column:1/3!important}
  .member-main-actions a{height:86px!important}
  .member-menu-grid{grid-template-columns:1fr 1fr!important}
  .member-bottom-actions{grid-template-columns:1fr!important}
}

/* ===== V30 jackpot points on member dashboard ===== */
.member-jackpot-points{
  width:max-content;
  margin:-8px auto 14px;
  padding:5px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid color-mix(in srgb,var(--ps-primary,#6bd000) 55%,#fff);
  color:#102200;
  font-weight:900;
  box-shadow:0 5px 14px rgba(60,120,0,.12);
}
.member-jackpot-points b{color:color-mix(in srgb,var(--ps-primary,#6bd000) 75%,#123)}

/* ===== V31 referral tabs/copy fix ===== */
.ref-tabs button{cursor:pointer;transition:.15s ease}
.ref-tabs button.active{
  background:linear-gradient(180deg,var(--theme-primary,#6bd000),color-mix(in srgb,var(--theme-primary,#6bd000) 78%,#266600))!important;
  color:#fff!important;
  border-color:var(--theme-primary,#6bd000)!important;
}
.ref-panel[hidden]{display:none!important}
.ref-panel .ps-card h3{margin:0 0 12px}
.copy-row button{cursor:pointer;transition:.15s ease}
.copy-row button:active{transform:scale(.98)}
.ref-table td.muted{text-align:center;color:#6b7280;font-weight:800;padding:18px}

/* ===== V32 casino original-like provider/game pages + AMB placeholder ===== */
body:has(.casino-original-page){
  --casino-primary:var(--theme-primary,#6bd000);
  --casino-secondary:var(--theme-secondary,#9de022);
  --casino-accent:var(--theme-accent,#ffb000);
  background:
    radial-gradient(circle at 82% 24%,rgba(255,255,255,.34) 0 48px,transparent 50px),
    radial-gradient(circle at 24% 83%,rgba(255,255,255,.20) 0 58px,transparent 60px),
    linear-gradient(135deg,rgba(255,255,255,.48),transparent 30%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.19) 0 4px,transparent 4px 16px),
    linear-gradient(135deg,color-mix(in srgb,var(--casino-secondary) 38%,#ecffd5),var(--casino-primary) 80%)!important;
  background-attachment:fixed!important;
}
body:has(.casino-original-page) .copy{
  position:fixed!important;
  left:0;right:0;bottom:0;
  z-index:30;
}
.casino-original-page{
  width:min(1240px,100%);
  min-height:calc(100vh - 80px);
  margin:0 auto;
  padding:86px 22px 84px;
  color:#071006;
  font-family:Kanit,Arial,sans-serif;
  position:relative;
}
.casino-original-page:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,rgba(255,255,255,.12),transparent 28%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.10) 0 4px,transparent 4px 17px);
  pointer-events:none;
  border-left:1px solid rgba(255,255,255,.22);
  border-right:1px solid rgba(255,255,255,.22);
}
.casino-original-page>*{position:relative;z-index:1}
.casino-title-strip{
  min-height:58px;
  border-radius:8px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--casino-primary) 70%,rgba(255,255,255,.42)),color-mix(in srgb,var(--casino-secondary) 62%,rgba(255,255,255,.55)));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 16px;
  margin:0 0 12px;
  box-shadow:0 9px 22px rgba(52,130,0,.13);
}
.casino-title-strip h1{
  margin:0;
  font-size:25px;
  font-weight:900;
  color:#050d00;
  text-shadow:0 1px rgba(255,255,255,.35);
}
.casino-title-strip a{
  display:inline-flex;
  align-items:center;
  height:32px;
  border-radius:999px;
  padding:0 12px;
  background:#020402;
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
}
.casino-provider-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px 22px;
}
.casino-provider-card{
  height:150px;
  border-radius:4px;
  overflow:hidden;
  position:relative;
  display:block;
  color:#fff;
  text-decoration:none;
  box-shadow:0 8px 16px rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.08);
  background:#111;
}
.casino-provider-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 46%,rgba(255,255,255,.32),transparent 19%),
    radial-gradient(circle at 88% 18%,rgba(255,207,75,.35),transparent 26%),
    linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.22) 45%,rgba(0,0,0,.82));
  z-index:1;
}
.casino-provider-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.36),transparent 45%);
  z-index:2;
}
.casino-provider-card .casino-art{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  padding:16px 24px;
  text-align:right;
}
.casino-provider-card .casino-model{
  position:absolute;
  left:18px;
  bottom:-10px;
  width:138px;
  height:145px;
  border-radius:999px 999px 24px 24px;
  background:
    radial-gradient(circle at 46% 18%,#ffe0cf 0 17px,transparent 18px),
    linear-gradient(160deg,transparent 0 34%,rgba(255,255,255,.90) 35% 47%,transparent 48%),
    linear-gradient(180deg,#1d1b1b,#000);
  opacity:.9;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));
}
.casino-provider-card b{
  font-size:32px;
  line-height:.95;
  letter-spacing:.8px;
  text-shadow:0 3px 4px rgba(0,0,0,.75);
  max-width:210px;
}
.casino-provider-card small{
  margin-top:6px;
  font-weight:900;
  color:#ffe48a;
  text-shadow:0 2px 3px rgba(0,0,0,.6);
}
.casino-provider-card em{
  position:absolute;
  right:20px;
  bottom:18px;
  z-index:4;
  display:grid;
  place-items:center;
  min-width:140px;
  height:42px;
  border-radius:7px;
  border:2px solid #b58626;
  background:#101010;
  color:#fff;
  font-style:normal;
  font-weight:900;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 5px 12px rgba(0,0,0,.2);
}
.casino-provider-card:hover{transform:translateY(-1px);filter:brightness(1.04)}
.casino-theme-pink{background:linear-gradient(135deg,#08000c,#251432 38%,#d52d81)}
.casino-theme-gold{background:linear-gradient(135deg,#070502,#32200b 42%,#c6983d)}
.casino-theme-blue{background:linear-gradient(135deg,#061b4c,#03519d 44%,#ffbb2f)}
.casino-theme-black{background:linear-gradient(135deg,#050505,#31220d 44%,#96692a)}
.casino-theme-wm{background:linear-gradient(135deg,#02050a,#101010 46%,#0068c9)}
.casino-theme-sport{background:linear-gradient(135deg,#130000,#46200c 45%,#be8e31)}
.casino-theme-dream{background:linear-gradient(135deg,#050506,#241514 44%,#b3842a)}
.casino-games-page .casino-title-strip{margin-bottom:14px}
.casino-game-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.casino-game-card{
  aspect-ratio:1/1.18;
  display:block;
  position:relative;
  overflow:hidden;
  border-radius:0;
  text-decoration:none;
  background:#222;
  box-shadow:0 8px 18px rgba(0,0,0,.15);
}
.casino-game-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.24));
  z-index:2;
}
.game-portrait{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-direction:column;
  padding:18px 12px 24px;
  text-align:center;
  color:#fff;
  z-index:3;
}
.game-portrait span{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 26%,rgba(255,255,255,.55) 0 32px,transparent 34px),
    radial-gradient(circle at 48% 52%,rgba(255,255,255,.35),transparent 34%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22));
  z-index:-1;
}
.game-portrait b{
  font-size:28px;
  line-height:.95;
  letter-spacing:1px;
  text-shadow:0 4px 5px rgba(0,0,0,.78);
}
.game-portrait small{
  margin-top:8px;
  color:rgba(255,255,255,.74);
  font-weight:900;
  text-shadow:0 2px 3px rgba(0,0,0,.65);
}
.pg-game-0{background:linear-gradient(180deg,#16477e,#1d9a72 52%,#0f6534)}
.pg-game-1{background:linear-gradient(180deg,#5c78cf,#1c346f 60%,#311564)}
.pg-game-2{background:linear-gradient(180deg,#9bcf45,#ca3f20 55%,#912711)}
.pg-game-3{background:linear-gradient(180deg,#bca456,#74613a 56%,#40351e)}
.pg-game-4{background:linear-gradient(180deg,#455465,#222 52%,#861609)}
.pg-game-5{background:linear-gradient(180deg,#e7c7aa,#6853a1 56%,#271344)}
.pg-game-6{background:linear-gradient(180deg,#f8a6d1,#ef4949 54%,#891b53)}
.pg-game-7{background:linear-gradient(180deg,#f8b1d1,#e55f8c 55%,#005dd2)}
.casino-provider-open-card{
  min-height:280px;
  border-radius:14px;
  padding:28px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  box-shadow:0 14px 28px rgba(0,0,0,.18);
}
.casino-provider-open-card h2{font-size:42px;margin:0 0 8px;text-shadow:0 4px 6px #0008}
.casino-provider-open-card p{font-size:18px;font-weight:900;margin:0 0 12px}
.casino-provider-open-card small{display:inline-block;background:#0009;border-radius:999px;padding:7px 13px;font-weight:900}
.casino-provider-open-card a{
  min-width:190px;height:52px;border-radius:8px;display:grid;place-items:center;
  background:#050505;border:2px solid #d5a435;color:#fff;text-decoration:none;font-weight:900;
}
.casino-empty{
  background:#fff;border-radius:12px;padding:28px;text-align:center;font-weight:900;
}
@media(max-width:760px){
  .casino-original-page{width:min(494px,100%);padding:70px 10px 80px}
  .casino-title-strip{min-height:46px;padding:8px 10px;margin-bottom:10px}
  .casino-title-strip h1{font-size:18px;line-height:1.15}
  .casino-title-strip a{height:28px;font-size:12px;padding:0 9px}
  .casino-provider-grid{grid-template-columns:1fr;gap:8px}
  /* Mobile: make provider cover cards compact so they fit on screen */
  .casino-provider-card{height:138px;border-radius:5px}
  .casino-provider-card .casino-art{padding:12px 16px;justify-content:center}
  .casino-provider-card b{font-size:24px;line-height:1;max-width:175px}
  .casino-provider-card small{font-size:12px;margin-top:4px}
  .casino-provider-card em{right:14px;bottom:12px;min-width:118px;height:34px;font-size:13px;border-width:2px}
  .casino-provider-card .casino-model{left:10px;bottom:-8px;width:104px;height:128px;opacity:.78}
  .casino-provider-card .casino-provider-bg{object-fit:cover}
  .casino-game-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .game-portrait b{font-size:22px}
  .casino-provider-open-card{min-height:220px;align-items:flex-start;flex-direction:column}
}
@media(max-width:420px){
  .casino-original-page{padding-left:8px;padding-right:8px}
  .casino-provider-card{height:124px}
  .casino-provider-card b{font-size:21px;max-width:150px}
  .casino-provider-card em{min-width:106px;height:31px;font-size:12px;right:10px;bottom:10px}
  .casino-provider-card .casino-model{width:88px;height:112px}
}

/* ===== V33 casino launch route fix ===== */
.casino-launch-card{
  background:rgba(255,255,255,.94);
  border:1px solid color-mix(in srgb,var(--theme-primary,#6bd000) 25%,#fff);
  border-radius:14px;
  padding:26px;
  box-shadow:0 14px 30px rgba(50,120,0,.12);
  font-weight:800;
}
.casino-launch-card h2{margin:0 0 10px;font-size:28px;color:#102200}
.casino-launch-card p{margin:8px 0;color:#17240f}
.casino-launch-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.casino-launch-meta span{
  background:#efffde;
  border:1px solid color-mix(in srgb,var(--theme-primary,#6bd000) 45%,#fff);
  border-radius:999px;
  padding:7px 12px;
  font-weight:900;
}

/* ===== V35 real Seamless game images ===== */
.casino-game-card .casino-game-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:1;
}
.casino-game-card:has(.casino-game-img) .game-portrait span{
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.52))!important;
}
.casino-game-card:has(.casino-game-img) .game-portrait{
  justify-content:flex-end;
}

/* ===== V36 casino provider image setting ===== */
.casino-provider-card .casino-provider-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.casino-provider-card:has(.casino-provider-bg):before{
  background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.12) 50%,rgba(0,0,0,.64))!important;
}
.casino-provider-card:has(.casino-provider-bg) .casino-art b,
.casino-provider-card:has(.casino-provider-bg) .casino-art small{
  text-shadow:0 3px 5px rgba(0,0,0,.88),0 0 14px rgba(0,0,0,.55);
}
.casino-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.casino-admin-item{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:14px;
}
.casino-admin-preview{
  height:132px;
  border-radius:10px;
  overflow:hidden;
  background:#111827;
  display:grid;
  place-items:center;
  margin-bottom:10px;
  border:1px solid rgba(255,255,255,.10);
}
.casino-admin-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.casino-admin-preview .no-img{
  color:#9ca3af;
  font-weight:900;
}
.casino-admin-item h4{
  margin:0 0 10px;
  color:#fff;
  font-size:18px;
}
.casino-admin-item h4 small{
  color:#9ca3af;
  margin-left:6px;
}
.casino-admin-item label{
  display:block;
  margin:9px 0 5px;
  font-weight:900;
}
@media(max-width:900px){
  .casino-admin-grid{grid-template-columns:1fr}
}

/* ===== V37 announcement marquee center fix ===== */
.member-announcement,
.ruay-news,
.pansook-marquee,
.announce-bar,
.marquee-bar{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.member-announcement span,
.ruay-news>span,
.pansook-marquee>span,
.announce-bar>span,
.marquee-bar>span{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  line-height:1!important;
  margin:0!important;
  z-index:2!important;
}
.member-announcement marquee,
.ruay-news marquee,
.pansook-marquee marquee,
.announce-bar marquee,
.marquee-bar marquee{
  display:block!important;
  width:100%!important;
  height:100%!important;
  line-height:36px!important;
  text-align:center!important;
  padding:0 42px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.member-announcement b,
.ruay-news b,
.pansook-marquee b,
.announce-bar b,
.marquee-bar b{
  vertical-align:middle!important;
}
@media(max-width:760px){
  .member-announcement marquee,
  .ruay-news marquee,
  .pansook-marquee marquee,
  .announce-bar marquee,
  .marquee-bar marquee{
    line-height:40px!important;
    padding:0 38px!important;
  }
}

/* ===== V38 remove yeekee round strip + logo home fix ===== */
.yee-strip{display:none!important}

/* ===== V40 logo everywhere + mobile yeekee balance + pro dark admin ===== */

/* Homepage logo now follows admin setting */
.pansook-logo-img{
  width:118px;
  height:94px;
  object-fit:contain;
  display:block;
  margin:0 auto 4px;
  filter:drop-shadow(0 8px 0 rgba(54,142,36,.18)) drop-shadow(0 12px 18px rgba(0,0,0,.18));
}
.pansook-logo small{display:block}

/* Mobile yeekee result card balance */
@media(max-width:700px){
  .home-grid.two{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .result-card{
    min-height:auto!important;
    padding:12px!important;
    border-radius:10px!important;
  }
  .result-card.yee{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .result-card.yee h2{
    font-size:24px!important;
    line-height:1.1!important;
    margin-bottom:2px!important;
  }
  .result-card.yee p{
    margin:0 0 6px!important;
  }
  .result-card.yee .big-result{
    padding:8px!important;
    margin:0 0 8px!important;
  }
  .result-card.yee .big-result b{
    font-size:32px!important;
    line-height:1.25!important;
  }
  .result-card.yee .mini-result-row{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .result-card.yee .mini-result-row div{
    min-height:64px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:6px!important;
  }
  .result-card.yee .mini-result-row span{
    height:20px!important;
    line-height:20px!important;
    font-size:12px!important;
  }
  .result-card.yee .mini-result-row b{
    font-size:26px!important;
    line-height:1.15!important;
    padding-top:4px!important;
  }
  .result-card.yee a{
    margin-top:6px!important;
    height:46px!important;
    display:grid!important;
    place-items:center!important;
  }
}

/* Admin visual refresh similar to provided dark dashboard sample */
body.admin-dark-pro{
  margin:0!important;
  min-height:100vh!important;
  color:#eef2ff!important;
  background:
    radial-gradient(circle at 78% 8%,rgba(66,133,244,.13),transparent 24%),
    radial-gradient(circle at 10% 15%,rgba(236,72,153,.12),transparent 24%),
    linear-gradient(135deg,#161b29 0%,#0f1320 55%,#181d29 100%)!important;
}
body.admin-dark-pro .admin-shell{
  grid-template-columns:292px minmax(0,1fr)!important;
  background:transparent!important;
}
body.admin-dark-pro .side{
  margin:10px 0 10px 10px!important;
  height:calc(100vh - 20px)!important;
  border-radius:0 26px 26px 0!important;
  background:linear-gradient(180deg,#303544 0%,#2b3040 100%)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:18px 0 48px rgba(0,0,0,.24)!important;
  padding:24px 18px!important;
}
body.admin-dark-pro .side .brand{
  min-height:60px!important;
  margin:0 0 22px!important;
  padding:8px 10px!important;
  border-radius:18px!important;
  background:transparent!important;
}
body.admin-dark-pro .brand .logo,
body.admin-dark-pro .admin-logo-img{
  width:48px!important;
  height:48px!important;
  border-radius:16px!important;
  object-fit:contain!important;
  background:#f8fbff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}
body.admin-dark-pro .brand b{
  color:#fff!important;
  font-size:17px!important;
  letter-spacing:.3px!important;
}
body.admin-dark-pro .brand small{
  color:#9aa4bd!important;
  font-size:12px!important;
}
body.admin-dark-pro .side a{
  min-height:46px!important;
  margin:8px 0!important;
  padding:0 16px!important;
  border-radius:14px!important;
  color:#e9efff!important;
  background:rgba(0,0,0,.16)!important;
  border:1px solid rgba(255,255,255,.04)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 5px 14px rgba(0,0,0,.10)!important;
}
body.admin-dark-pro .side a.active,
body.admin-dark-pro .side a:hover{
  background:linear-gradient(90deg,rgba(251,113,177,.42),rgba(56,189,248,.22))!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 10px 22px rgba(0,0,0,.18)!important;
}
body.admin-dark-pro .admin-main{
  padding:34px 28px 50px!important;
  background:#edf1f8!important;
  color:#111827!important;
  min-height:100vh!important;
}
body.admin-dark-pro .admin-head{
  margin-bottom:22px!important;
}
body.admin-dark-pro .admin-head h1{
  color:#111827!important;
  font-size:30px!important;
  font-weight:900!important;
  text-shadow:0 2px rgba(255,255,255,.55)!important;
}
body.admin-dark-pro .admin-head .muted{
  color:#374151!important;
  font-weight:900!important;
}
body.admin-dark-pro .card,
body.admin-dark-pro .kpi{
  background:linear-gradient(145deg,#3b4154,#2f3446)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#f8fafc!important;
  border-radius:22px!important;
  box-shadow:0 22px 40px rgba(30,41,59,.18)!important;
}
body.admin-dark-pro .kpi{
  min-height:105px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
body.admin-dark-pro .kpi span,
body.admin-dark-pro .card .muted,
body.admin-dark-pro .card small{
  color:#9ca3af!important;
}
body.admin-dark-pro .kpi b{
  color:#f8fafc!important;
  font-size:28px!important;
}
body.admin-dark-pro .grid{
  gap:18px!important;
}
body.admin-dark-pro .input,
body.admin-dark-pro select,
body.admin-dark-pro textarea{
  background:#f8fafc!important;
  color:#111827!important;
  border:1px solid #d8dee9!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;
}
body.admin-dark-pro .field label{
  color:#111827!important;
  font-weight:900!important;
}
body.admin-dark-pro .table th{
  color:#475569!important;
}
body.admin-dark-pro .table td{
  background:#fff!important;
  color:#111827!important;
  border-color:#e5e7eb!important;
}
body.admin-dark-pro .btn,
body.admin-dark-pro button{
  border-radius:13px;
}
@media(max-width:900px){
  body.admin-dark-pro .admin-shell{grid-template-columns:1fr!important}
  body.admin-dark-pro .side{
    position:static!important;
    height:auto!important;
    margin:0!important;
    border-radius:0 0 22px 22px!important;
  }
  body.admin-dark-pro .admin-main{padding:22px 14px 42px!important}
}

/* ===== V42 admin mobile drawer fix ===== */
.admin-mobile-toggle,
.admin-mobile-scrim{
  display:none;
}
@media(max-width:900px){
  body.admin-dark-pro{
    overflow-x:hidden!important;
  }
  body.admin-dark-pro .admin-shell{
    display:block!important;
    min-height:100vh!important;
  }
  body.admin-dark-pro .admin-mobile-toggle{
    display:inline-flex!important;
    position:fixed!important;
    top:12px!important;
    left:12px!important;
    z-index:10030!important;
    height:42px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:14px!important;
    background:linear-gradient(135deg,#22c55e,#14b8a6)!important;
    color:#fff!important;
    font-weight:900!important;
    font-family:Kanit,Arial,sans-serif!important;
    box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  }
  body.admin-dark-pro .admin-mobile-scrim{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:10010!important;
    background:rgba(0,0,0,.48)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:.18s ease!important;
  }
  body.admin-dark-pro.admin-menu-open .admin-mobile-scrim{
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.admin-dark-pro .side{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(84vw,330px)!important;
    height:100vh!important;
    margin:0!important;
    border-radius:0 22px 22px 0!important;
    z-index:10020!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:62px 14px 18px!important;
  }
  body.admin-dark-pro.admin-menu-open .side{
    transform:translateX(0)!important;
  }
  body.admin-dark-pro .admin-main{
    width:100%!important;
    min-height:100vh!important;
    padding:70px 12px 38px!important;
    box-sizing:border-box!important;
  }
  body.admin-dark-pro .admin-head{
    padding-left:0!important;
    align-items:flex-start!important;
  }
  body.admin-dark-pro .admin-head h1{
    font-size:24px!important;
    line-height:1.2!important;
    padding-left:0!important;
  }
  body.admin-dark-pro .side .brand{
    margin-top:0!important;
  }
  body.admin-dark-pro .side a{
    min-height:44px!important;
    font-size:15px!important;
  }
  body.admin-dark-pro .grid{
    grid-template-columns:1fr!important;
  }
  body.admin-dark-pro .kpi,
  body.admin-dark-pro .span4,
  body.admin-dark-pro .span6,
  body.admin-dark-pro .span8,
  body.admin-dark-pro .span12{
    grid-column:span 1!important;
  }
}

/* ===== V43 admin mobile viewport width hard fix ===== */
html,
body.admin-dark-pro{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.admin-dark-pro *{
  box-sizing:border-box!important;
}
body.admin-dark-pro .admin-shell,
body.admin-dark-pro .admin-main{
  max-width:100vw!important;
  overflow-x:hidden!important;
}
body.admin-dark-pro .grid,
body.admin-dark-pro .form,
body.admin-dark-pro .card,
body.admin-dark-pro .ticket,
body.admin-dark-pro .demo,
body.admin-dark-pro .theme-preview-admin,
body.admin-dark-pro .casino-admin-grid,
body.admin-dark-pro .casino-admin-item{
  min-width:0!important;
}
body.admin-dark-pro .input,
body.admin-dark-pro select,
body.admin-dark-pro textarea,
body.admin-dark-pro input{
  max-width:100%!important;
  min-width:0!important;
}
body.admin-dark-pro img{
  max-width:100%!important;
}
@media(max-width:900px){
  body.admin-dark-pro{
    position:relative!important;
  }
  body.admin-dark-pro .admin-shell{
    width:100%!important;
    max-width:100vw!important;
    display:block!important;
  }
  body.admin-dark-pro .admin-main{
    width:100%!important;
    max-width:100vw!important;
    padding:66px 10px 36px!important;
    overflow-x:hidden!important;
  }
  body.admin-dark-pro .admin-head{
    width:100%!important;
    max-width:100%!important;
    display:block!important;
    margin-bottom:14px!important;
  }
  body.admin-dark-pro .admin-head h1{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
    font-size:23px!important;
  }
  body.admin-dark-pro .grid,
  body.admin-dark-pro .form,
  body.admin-dark-pro .casino-admin-grid{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  body.admin-dark-pro .field,
  body.admin-dark-pro .span4,
  body.admin-dark-pro .span6,
  body.admin-dark-pro .span8,
  body.admin-dark-pro .span12,
  body.admin-dark-pro .kpi{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  body.admin-dark-pro .card,
  body.admin-dark-pro .ticket,
  body.admin-dark-pro .demo,
  body.admin-dark-pro .casino-admin-item{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:14px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  body.admin-dark-pro .theme-preview-admin{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body.admin-dark-pro .input,
  body.admin-dark-pro select,
  body.admin-dark-pro textarea,
  body.admin-dark-pro input[type="text"],
  body.admin-dark-pro input[type="number"],
  body.admin-dark-pro input[type="password"],
  body.admin-dark-pro input[type="file"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:14px!important;
  }
  body.admin-dark-pro textarea{
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
  }
  body.admin-dark-pro .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.admin-dark-pro .table{
    width:100%!important;
    min-width:620px!important;
  }
  body.admin-dark-pro .table-wrap .table{
    display:table!important;
  }
  body.admin-dark-pro .btn,
  body.admin-dark-pro button{
    max-width:100%!important;
    white-space:normal!important;
  }
  body.admin-dark-pro pre,
  body.admin-dark-pro code{
    max-width:100%!important;
    overflow-x:auto!important;
    white-space:pre-wrap!important;
    overflow-wrap:anywhere!important;
  }
  body.admin-dark-pro .admin-mobile-toggle{
    max-width:calc(100vw - 24px)!important;
  }
}
@media(max-width:520px){
  body.admin-dark-pro .admin-main{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  body.admin-dark-pro .card,
  body.admin-dark-pro .ticket,
  body.admin-dark-pro .demo,
  body.admin-dark-pro .casino-admin-item{
    padding:12px!important;
  }
  body.admin-dark-pro .table{
    min-width:560px!important;
  }
}

/* ===== V44 original yeekee result card + bank icon upload ===== */
.result-card.yee.original-yiki-card{
  background:linear-gradient(135deg,#d5d5d5,#9d9d9d)!important;
  padding:12px!important;
}
.result-card.yee.original-yiki-card .yiki-title-box{
  background:linear-gradient(135deg,#d9d9d9,#eeeeee)!important;
  margin:8px 0 10px!important;
  padding:8px 8px 12px!important;
  border-radius:8px!important;
}
.result-card.yee.original-yiki-card .yiki-title-box small{
  height:18px!important;
  line-height:18px!important;
  background:rgba(255,255,255,.72)!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
}
.result-card.yee.original-yiki-card .yiki-title-box b{
  font-size:34px!important;
  line-height:1.25!important;
  color:#111!important;
}
.result-card.yee.original-yiki-card .yiki-result-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.result-card.yee.original-yiki-card .yiki-result-row div{
  min-height:58px!important;
  background:rgba(255,255,255,.36)!important;
  border-radius:7px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:4px!important;
}
.result-card.yee.original-yiki-card .yiki-result-row span{
  height:18px!important;
  line-height:18px!important;
  background:rgba(255,255,255,.78)!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:900!important;
}
.result-card.yee.original-yiki-card .yiki-result-row b{
  font-size:28px!important;
  line-height:1.18!important;
}
.result-card.yee.original-yiki-card a{
  margin-top:10px!important;
}
.bank-icon img{
  width:70%!important;
  height:70%!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.18));
}
@media(max-width:700px){
  .result-card.yee.original-yiki-card{
    padding:12px!important;
  }
  .result-card.yee.original-yiki-card .yiki-title-box{
    margin:8px 0 10px!important;
    padding:8px 8px 12px!important;
  }
  .result-card.yee.original-yiki-card .yiki-title-box b{
    font-size:30px!important;
  }
  .result-card.yee.original-yiki-card .yiki-result-row{
    grid-template-columns:1fr 1fr!important;
  }
  .result-card.yee.original-yiki-card .yiki-result-row div{
    min-height:60px!important;
  }
}

/* ===== V45 exact original yiki card layout fix ===== */
.result-card.yee.original-yiki-card{
  background:linear-gradient(135deg,#d0d0d0,#999)!important;
  border-radius:8px!important;
  padding:12px!important;
  min-height:230px!important;
  display:flex!important;
  flex-direction:column!important;
  color:#070707!important;
}
.result-card.yee.original-yiki-card h2{
  margin:0 0 7px!important;
  font-size:25px!important;
  line-height:1.05!important;
  color:#050505!important;
  font-weight:900!important;
  text-align:left!important;
}
.result-card.yee.original-yiki-card>p{
  margin:0 0 10px!important;
  color:#42bf00!important;
  font-weight:900!important;
  text-align:left!important;
}
.result-card.yee.original-yiki-card .yiki-title-box{
  width:100%!important;
  min-height:78px!important;
  background:linear-gradient(135deg,#d5d5d5,#eeeeee)!important;
  border-radius:8px!important;
  padding:8px 10px 12px!important;
  margin:0 0 10px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.result-card.yee.original-yiki-card .yiki-title-box small{
  display:block!important;
  width:100%!important;
  height:20px!important;
  line-height:20px!important;
  padding:0 8px!important;
  margin:0 0 4px!important;
  background:rgba(255,255,255,.74)!important;
  border-radius:999px!important;
  color:#111!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.result-card.yee.original-yiki-card .yiki-title-box b{
  display:block!important;
  width:100%!important;
  font-size:31px!important;
  line-height:1.05!important;
  color:#050505!important;
  font-weight:900!important;
  text-align:center!important;
}
.result-card.yee.original-yiki-card .yiki-original-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.result-card.yee.original-yiki-card .yiki-original-row>div{
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  background:rgba(255,255,255,.38)!important;
  border-radius:7px!important;
  padding:4px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  grid-column:auto!important;
}
.result-card.yee.original-yiki-card .yiki-original-row span{
  display:block!important;
  width:100%!important;
  height:18px!important;
  line-height:18px!important;
  padding:0 4px!important;
  margin:0 0 4px!important;
  background:rgba(255,255,255,.78)!important;
  border-radius:999px!important;
  color:#111!important;
  font-size:12px!important;
  font-weight:900!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.result-card.yee.original-yiki-card .yiki-original-row b{
  display:block!important;
  width:100%!important;
  color:#151515!important;
  font-size:28px!important;
  line-height:1.08!important;
  font-weight:900!important;
  text-align:center!important;
}
.result-card.yee.original-yiki-card>a{
  display:grid!important;
  place-items:center!important;
  height:42px!important;
  margin-top:10px!important;
  border-radius:8px!important;
}
@media(max-width:700px){
  .result-card.yee.original-yiki-card{
    min-height:auto!important;
    padding:12px!important;
  }
  .result-card.yee.original-yiki-card h2{
    font-size:24px!important;
    margin-bottom:8px!important;
  }
  .result-card.yee.original-yiki-card>p{
    margin-bottom:10px!important;
  }
  .result-card.yee.original-yiki-card .yiki-title-box{
    min-height:76px!important;
    margin-bottom:10px!important;
  }
  .result-card.yee.original-yiki-card .yiki-title-box b{
    font-size:30px!important;
  }
  .result-card.yee.original-yiki-card .yiki-original-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
  }
  .result-card.yee.original-yiki-card .yiki-original-row>div{
    min-height:60px!important;
  }
  .result-card.yee.original-yiki-card .yiki-original-row b{
    font-size:26px!important;
  }
}

/* ===== V46 bank icon admin menu ===== */
.bank-admin-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.bank-admin-item{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:14px;
  min-width:0;
}
.bank-admin-preview{
  height:150px;
  border-radius:14px;
  overflow:hidden;
  background:#111827;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border:1px solid rgba(255,255,255,.10);
}
.bank-admin-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#fff;
  display:block;
  padding:18px;
}
.bank-admin-preview .no-img{
  font-size:48px;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.24));
}
.bank-admin-item h4{
  margin:0 0 10px;
  color:#fff;
  font-size:20px;
}
.bank-admin-item label{
  display:block;
  margin:9px 0 5px;
  font-weight:900;
}
body.admin-dark-pro .bank-admin-item h4{
  color:#fff!important;
}
@media(max-width:900px){
  .bank-admin-grid{grid-template-columns:1fr!important}
}

/* ===== V47 yiki room selector original-like + blinking near close ===== */
.yiki-room-page{
  width:min(1240px,100%);
  min-height:calc(100vh - 90px);
  margin:0 auto;
  padding:86px 18px 86px;
  position:relative;
}
.yiki-room-head{
  min-height:58px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  margin:0 0 12px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary,#6bd000) 72%,rgba(255,255,255,.36)),color-mix(in srgb,var(--theme-secondary,#9de022) 58%,rgba(255,255,255,.45)));
  box-shadow:0 9px 22px rgba(52,130,0,.13);
}
.yiki-room-head h1{
  margin:0;
  color:#050d00;
  font-size:25px;
  font-weight:900;
}
.yiki-room-head a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:32px;
  border-radius:999px;
  padding:0 12px;
  background:#020402;
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
  white-space:nowrap;
}
.yiki-room-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.yiki-room-card{
  min-height:174px;
  border-radius:8px;
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  padding:14px 12px 10px;
  text-align:center;
  color:#031500;
  text-decoration:none;
  background:
    linear-gradient(135deg,rgba(132,215,21,.86),rgba(232,255,190,.72)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.14) 0 4px,transparent 4px 16px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.38),0 10px 22px rgba(66,140,0,.12);
}
.yiki-room-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 45%);
  pointer-events:none;
}
.yiki-room-card>*{position:relative;z-index:1}
.yiki-room-logo{
  width:78px;
  height:60px;
  display:grid;
  place-items:center;
  margin-bottom:2px;
}
.yiki-room-logo img{
  width:78px;
  height:60px;
  object-fit:contain;
  filter:drop-shadow(0 5px 6px rgba(0,0,0,.18));
}
.yiki-room-logo b{
  color:#087a1b;
  font-weight:900;
  line-height:.9;
  text-shadow:1px 1px #fff;
}
.yiki-room-time{
  font-size:22px;
  line-height:1;
  font-weight:900;
  color:#050505;
  text-shadow:0 1px rgba(255,255,255,.45);
}
.yiki-room-title{
  width:100%;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#0c8743;
  color:#fff;
  font-size:24px;
  line-height:1;
  font-weight:900;
  box-shadow:inset 0 1px rgba(255,255,255,.24);
}
.yiki-room-date{
  width:100%;
  min-height:25px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:rgba(255,255,255,.92);
  color:#55b900;
  font-size:13px;
  font-weight:900;
  padding:3px 6px;
}
.yiki-room-card.closed{
  filter:grayscale(1);
  opacity:.62;
  pointer-events:none;
}
.yiki-room-card.near-close{
  animation:yikiRoomFlash .72s infinite alternate;
}
.yiki-room-card.near-close .yiki-room-title,
.yiki-room-card.near-close .yiki-room-time{
  animation:yikiPulseText .72s infinite alternate;
}
@keyframes yikiRoomFlash{
  from{
    filter:brightness(1);
    box-shadow:0 0 0 rgba(255,255,255,0),0 10px 22px rgba(66,140,0,.12);
  }
  to{
    filter:brightness(1.24) saturate(1.25);
    box-shadow:0 0 0 4px rgba(255,255,255,.55),0 0 28px rgba(120,255,0,.65),0 10px 22px rgba(66,140,0,.20);
  }
}
@keyframes yikiPulseText{
  from{opacity:.60}
  to{opacity:1}
}
@media(max-width:900px){
  .yiki-room-page{
    width:min(494px,100%);
    padding:72px 12px 82px;
  }
  .yiki-room-grid{
    grid-template-columns:1fr!important;
    gap:8px;
  }
  .yiki-room-card{
    min-height:176px;
    padding:14px 10px 10px;
  }
  .yiki-room-head h1{
    font-size:23px;
  }
  .yiki-room-time{
    font-size:21px;
  }
  .yiki-room-title{
    font-size:23px;
  }
}

/* ===== V48 yiki rooms open-first, closed clickable, result detail mobile ===== */
.yiki-room-card.closed{
  pointer-events:auto!important;
  cursor:pointer!important;
}
.yiki-room-card.open{
  order:0;
}
.yiki-room-card.closed{
  order:2;
}
.yiki-room-card.open.near-close{
  order:-1;
}
.yiki-room-card.closed .yiki-room-title{
  background:#9d9d9d!important;
}
.yiki-room-card.closed .yiki-room-date{
  color:#777!important;
}
.yiki-room-card.closed:hover{
  filter:grayscale(.55) brightness(1.03)!important;
  opacity:.78!important;
}
.yiki-result-detail{
  width:min(1240px,100%);
  margin:0 auto;
  padding:88px 18px 90px;
}
.yiki-result-head{
  min-height:58px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  margin:0 0 10px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--theme-primary,#6bd000) 72%,rgba(255,255,255,.34)),color-mix(in srgb,var(--theme-secondary,#9de022) 60%,rgba(255,255,255,.46)));
  box-shadow:0 9px 22px rgba(52,130,0,.13);
}
.yiki-result-head h1{
  margin:0;
  font-size:25px;
  font-weight:900;
  color:#051500;
}
.yiki-result-head div{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.yiki-result-head a,
.yiki-result-head span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:30px;
  border-radius:999px;
  padding:0 12px;
  background:#020402;
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
  white-space:nowrap;
}
.yiki-result-summary{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  background:#fff;
  border-radius:8px 8px 0 0;
  padding:8px;
  border:1px solid #66c900;
}
.yiki-result-summary div{
  border:2px solid #6acb00;
  border-radius:7px;
  overflow:hidden;
  text-align:center;
  background:#fff;
}
.yiki-result-summary b{
  display:block;
  background:#65c900;
  color:#000;
  padding:7px;
  font-weight:900;
}
.yiki-result-summary strong{
  display:block;
  font-size:24px;
  line-height:1.2;
  padding:9px;
  color:#111;
}
.yiki-result-board{
  background:#fff;
  border:1px solid #e6e6e6;
  border-top:0;
  padding:8px 14px 18px;
  border-radius:0 0 8px 8px;
}
.yiki-result-board p{
  margin:0 0 8px;
  font-weight:900;
  color:#222;
}
.yiki-result-board h2{
  margin:8px 0 10px;
  text-align:center;
  font-size:34px;
  line-height:1.1;
  color:#158852;
  font-weight:900;
}
.yiki-result-table-wrap{
  overflow:auto;
  border-radius:8px;
}
.yiki-result-table{
  width:100%;
  border-collapse:collapse;
  min-width:620px;
  font-weight:800;
}
.yiki-result-table th{
  background:#65c900;
  color:#fff;
  padding:9px;
  text-align:center;
  border-bottom:2px solid #111;
}
.yiki-result-table td{
  padding:10px;
  text-align:center;
  border:1px solid #d9dee8;
  background:#f7f7f7;
}
.yiki-result-table tr:nth-child(even) td{
  background:#fff;
}
.yiki-result-table tr.highlight td:first-child{
  background:#178957;
  color:#fff;
  font-weight:900;
}
@media(max-width:900px){
  .yiki-result-detail{
    width:min(494px,100%);
    padding:72px 10px 82px;
  }
  .yiki-result-head{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }
  .yiki-result-head h1{
    font-size:23px;
  }
  .yiki-result-head div{
    justify-content:flex-start;
  }
  .yiki-result-summary{
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding:6px;
  }
  .yiki-result-summary strong{
    font-size:24px;
  }
  .yiki-result-board{
    padding:8px 8px 14px;
  }
  .yiki-result-board h2{
    font-size:31px;
  }
  .yiki-result-table{
    min-width:0!important;
    width:100%!important;
    font-size:13px;
  }
  .yiki-result-table th,
  .yiki-result-table td{
    padding:9px 4px;
  }
  .yiki-result-table th:nth-child(4),
  .yiki-result-table td:nth-child(4){
    width:92px;
  }
}
@media(max-width:520px){
  .yiki-room-grid{
    grid-template-columns:1fr!important;
  }
  .yiki-room-page{
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .yiki-room-card{
    min-height:176px!important;
  }
}

/* ===== V51 admin detailed tools ===== */
.admin-detail-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 14px;
}
.admin-filter{
  display:grid;
  grid-template-columns:minmax(220px,1fr) 180px 180px auto auto;
  gap:10px;
  align-items:center;
}
.inline-adjust{
  display:flex;
  gap:6px;
  align-items:center;
  flex-wrap:wrap;
}
.admin-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.admin-info-grid>div{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  padding:12px;
  min-width:0;
}
.admin-info-grid b{
  display:block;
  color:#9ca3af;
  font-size:12px;
  margin-bottom:5px;
}
.admin-info-grid span{
  display:block;
  color:#fff;
  font-weight:900;
  overflow-wrap:anywhere;
}
.detail-table a{
  color:#2563eb;
  font-weight:900;
  text-decoration:none;
}
.compact-table th,
.compact-table td{
  padding:9px 10px!important;
}
.pos{
  color:#14b86a!important;
  font-weight:900!important;
}
.neg{
  color:#ef4444!important;
  font-weight:900!important;
}
.btn.danger,
button.danger{
  background:linear-gradient(135deg,#ef4444,#be123c)!important;
  color:#fff!important;
  border:0!important;
}
.checkline{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:900;
}
.kpi-link{
  text-decoration:none!important;
  transition:.14s ease;
}
.kpi-link:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}
body.admin-dark-pro .admin-info-grid>div{
  background:rgba(255,255,255,.07)!important;
}
body.admin-dark-pro .admin-info-grid span{
  color:#fff!important;
}
@media(max-width:900px){
  .admin-filter{
    grid-template-columns:1fr!important;
  }
  .admin-info-grid{
    grid-template-columns:1fr!important;
  }
  .inline-adjust{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%;
  }
  .inline-adjust .input{
    max-width:100%!important;
  }
  .admin-detail-actions .btn{
    width:100%;
    justify-content:center;
  }
  .compact-table,
  .detail-table{
    min-width:760px!important;
  }
}

/* ===== V52 professional dashboard + site open/close ===== */
.pro-dash-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,420px);
  gap:18px;
  align-items:stretch;
  margin:0 0 20px;
}
.pro-dash-hero>div{
  min-height:176px;
  border-radius:28px;
  padding:28px;
  color:#fff;
  background:
    radial-gradient(circle at 86% 12%,rgba(125,211,252,.28),transparent 26%),
    radial-gradient(circle at 20% 20%,rgba(244,114,182,.20),transparent 30%),
    linear-gradient(135deg,#2d3347,#151926);
  box-shadow:0 22px 46px rgba(23,31,54,.22);
  border:1px solid rgba(255,255,255,.08);
}
.pro-eyebrow{
  display:inline-flex;
  height:30px;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  color:#b9f6ca;
  background:rgba(44,255,138,.12);
  border:1px solid rgba(44,255,138,.22);
  font-weight:900;
}
.pro-dash-hero h2{
  margin:14px 0 8px;
  font-size:36px;
  line-height:1.05;
  font-weight:900;
}
.pro-dash-hero p{
  margin:0;
  color:#cbd5e1;
  font-weight:800;
}
.site-switch-card{
  border-radius:28px;
  padding:20px;
  background:linear-gradient(145deg,#313849,#202638);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 46px rgba(23,31,54,.20);
  display:grid;
  gap:12px;
}
.site-switch-card.is-open{
  outline:2px solid rgba(34,197,94,.28);
}
.site-switch-card.is-closed{
  outline:2px solid rgba(239,68,68,.35);
}
.switch-head{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.switch-head b{
  color:#fff;
  font-size:24px;
  font-weight:900;
}
.switch-head span{
  color:#a7b0c5;
  font-weight:800;
}
.pro-kpi-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  margin:0 0 20px;
}
.pro-kpi-card{
  min-height:150px;
  border-radius:24px;
  padding:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-decoration:none!important;
  background:linear-gradient(145deg,#3b4154,#2c3143);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 34px rgba(30,41,59,.16);
  transition:.14s ease;
}
.pro-kpi-card:hover{
  transform:translateY(-3px);
  filter:brightness(1.08);
}
.pro-kpi-card i{
  width:42px;
  height:42px;
  border-radius:16px;
  display:grid;
  place-items:center;
  font-style:normal;
  background:rgba(255,255,255,.10);
  box-shadow:inset 0 1px rgba(255,255,255,.12);
}
.pro-kpi-card span{
  color:#aeb7ca;
  font-weight:900;
}
.pro-kpi-card b{
  color:#fff;
  font-size:28px;
  line-height:1.1;
  font-weight:900;
  overflow-wrap:anywhere;
}
.pro-kpi-card small{
  color:#8fa0bc;
  font-weight:800;
}
.pro-dash-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:16px;
}
.pro-panel{
  background:linear-gradient(145deg,#3a4053,#2d3344);
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  padding:18px;
  box-shadow:0 20px 38px rgba(30,41,59,.16);
  min-width:0;
}
.pro-panel.span8{grid-column:span 8}
.pro-panel.span4{grid-column:span 4}
.panel-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
}
.panel-title h3{
  margin:0;
  color:#fff;
  font-size:20px;
}
.panel-title a{
  color:#baf7c8;
  background:rgba(44,255,138,.10);
  border:1px solid rgba(44,255,138,.18);
  border-radius:999px;
  padding:7px 12px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}
.open-round-list,
.mini-member-list{
  display:grid;
  gap:10px;
}
.open-round-list a,
.mini-member-list a{
  min-height:58px;
  border-radius:16px;
  padding:10px 12px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:4px 10px;
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.06);
}
.open-round-list a b,
.mini-member-list a b{
  color:#fff;
  font-weight:900;
}
.open-round-list a span,
.mini-member-list a em{
  color:#cbd5e1;
  font-style:normal;
  font-weight:900;
}
.open-round-list a em{
  grid-column:1 / -1;
  color:#8ddf6a;
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
.mini-member-list a{
  grid-template-columns:42px 1fr auto;
}
.mini-member-list a span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#22c55e,#38bdf8);
  color:#fff;
  font-weight:900;
}
.empty-mini{
  min-height:70px;
  display:grid;
  place-items:center;
  color:#cbd5e1;
  background:rgba(255,255,255,.05);
  border-radius:16px;
  font-weight:900;
}
body.admin-dark-pro .pro-panel .table td{
  background:#f8fafc!important;
}
body.admin-dark-pro .site-switch-card .input{
  background:#f8fafc!important;
}
@media(max-width:1300px){
  .pro-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .pro-dash-hero{
    grid-template-columns:1fr;
  }
  .pro-dash-hero h2{
    font-size:28px;
  }
  .pro-kpi-grid{
    grid-template-columns:1fr 1fr;
  }
  .pro-dash-grid{
    grid-template-columns:1fr;
  }
  .pro-panel.span8,
  .pro-panel.span4{
    grid-column:1 / -1;
  }
  .pro-panel{
    padding:14px;
    border-radius:20px;
  }
}
@media(max-width:560px){
  .pro-kpi-grid{
    grid-template-columns:1fr;
  }
  .pro-dash-hero>div,
  .site-switch-card{
    border-radius:22px;
    padding:18px;
  }
}

/* ===== V53 admin change password page ===== */
.password-page-grid{
  display:grid;
  grid-template-columns:minmax(0,560px) minmax(260px,1fr);
  gap:18px;
  align-items:start;
}
.password-pro-card{
  position:relative;
  overflow:hidden;
}
.password-pro-card:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-70px;
  top:-80px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(34,197,94,.28),transparent 68%);
  pointer-events:none;
}
.password-lock{
  width:72px;
  height:72px;
  border-radius:24px;
  display:grid;
  place-items:center;
  font-size:34px;
  background:linear-gradient(135deg,#22c55e,#38bdf8);
  box-shadow:0 18px 32px rgba(34,197,94,.18);
  margin:0 0 14px;
}
.password-pro-card h3,
.password-tip-card h3{
  margin-top:0;
  color:#fff;
}
.password-tip-card ul{
  margin:0;
  padding-left:22px;
  color:#d5dbea;
  font-weight:800;
  line-height:1.9;
}
body.admin-dark-pro .password-pro-card .input{
  background:#f8fafc!important;
  color:#111827!important;
}
@media(max-width:900px){
  .password-page-grid{
    grid-template-columns:1fr!important;
  }
}

/* ===== V54 member notification system ===== */
.ruay-notify-btn{
  position:relative;
  min-width:42px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  border-radius:10px;
  background:rgba(255,255,255,.16);
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
}
.ruay-notify-btn [data-notify-badge]{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  line-height:20px;
  box-shadow:0 5px 12px rgba(239,68,68,.35);
}
[data-notify-badge].is-zero,
[data-notify-badge-mobile].is-zero{
  display:none!important;
}
.ruay-mobile-menu [data-notify-badge-mobile]{
  margin-left:auto;
  min-width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-style:normal;
  font-size:12px;
  padding:0 6px;
}
.icon-bell:before{content:"🔔"}
.notify-page{
  width:min(1120px,100%);
  margin:0 auto;
  padding:86px 14px 90px;
}
.notify-head{
  min-height:96px;
  border-radius:20px;
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:linear-gradient(135deg,rgba(107,208,0,.92),rgba(255,255,255,.62));
  box-shadow:0 16px 32px rgba(76,153,0,.15);
  border:1px solid rgba(255,255,255,.42);
}
.notify-head h1{
  margin:0 0 4px;
  font-size:30px;
  font-weight:900;
  color:#051500;
}
.notify-head p{
  margin:0;
  font-weight:800;
  color:#20351b;
}
.notify-tabs{
  display:flex;
  gap:8px;
  margin:12px 0;
}
.notify-tabs a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 14px;
  border-radius:999px;
  text-decoration:none;
  color:#163800;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(107,208,0,.28);
  font-weight:900;
}
.notify-tabs a.active{
  background:#61c900;
  color:#fff;
  box-shadow:0 10px 24px rgba(89,200,0,.22);
}
.notify-tabs b{
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(0,0,0,.16);
  color:inherit;
  font-size:12px;
}
.notify-list{
  display:grid;
  gap:10px;
}
.notify-item{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border-radius:18px;
  background:rgba(255,255,255,.93);
  border:1px solid rgba(107,208,0,.18);
  box-shadow:0 12px 26px rgba(44,92,0,.08);
}
.notify-item.unread{
  border-color:#65c900;
  box-shadow:0 0 0 2px rgba(101,201,0,.13),0 12px 26px rgba(44,92,0,.10);
}
.notify-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#eaffdc,#ffffff);
  font-size:26px;
  box-shadow:inset 0 0 0 1px rgba(107,208,0,.18);
}
.notify-body{
  min-width:0;
}
.notify-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.notify-title-row h3{
  margin:0;
  color:#071400;
  font-size:18px;
  font-weight:900;
}
.notify-title-row time{
  color:#5f6b5a;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.notify-body p{
  margin:5px 0 0;
  color:#263623;
  font-weight:800;
  overflow-wrap:anywhere;
}
.notify-read{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:0 12px;
  background:#061306;
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
  white-space:nowrap;
}
.notify-empty{
  min-height:160px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:rgba(255,255,255,.78);
  color:#4b5f42;
  font-weight:900;
  font-size:20px;
}
@media(max-width:700px){
  .notify-page{
    width:min(494px,100%);
    padding:72px 10px 84px;
  }
  .notify-head{
    flex-direction:column;
    align-items:stretch;
    border-radius:18px;
  }
  .notify-head h1{
    font-size:24px;
  }
  .notify-head .btn{
    width:100%;
  }
  .notify-item{
    grid-template-columns:44px minmax(0,1fr);
    align-items:start;
    padding:12px;
  }
  .notify-icon{
    width:44px;
    height:44px;
    border-radius:15px;
    font-size:22px;
  }
  .notify-read{
    grid-column:1 / -1;
    width:100%;
  }
  .notify-title-row{
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
  }
}

/* ===== V55 Paynoi PromptPay + manual withdraw ===== */
.paynoi-amount{
  font-size:28px;
  color:#0a8a2a;
  font-weight:900;
}
.paynoi-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin:12px 0;
}
.paynoi-actions form{
  margin:0;
}
.paynoi-actions .btn{
  min-height:40px;
}
@media(max-width:640px){
  .paynoi-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .paynoi-actions .btn,
  .paynoi-actions form,
  .paynoi-actions button{
    width:100%;
  }
}

/* ===== Organized casino categories ===== */
.casino-organized-page .casino-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px;padding:10px;background:rgba(0,0,0,.28);border:1px solid rgba(255,190,40,.28);border-radius:18px}
.casino-organized-page .casino-category-tabs a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#111,#2a220b);border:1px solid rgba(255,204,64,.45);border-radius:999px;padding:9px 14px;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.casino-organized-page .casino-category-tabs a span{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#f2c94c;color:#111;font-size:12px}
.casino-category-section{margin:0 0 26px;padding:14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,190,40,.2);border-radius:20px}
.casino-category-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 14px;border-radius:16px;background:linear-gradient(90deg,rgba(215,170,28,.95),rgba(255,220,89,.8));color:#111;box-shadow:0 10px 22px rgba(0,0,0,.2)}
.casino-category-head h2{margin:0;font-size:22px;font-weight:900;line-height:1.1;text-shadow:none}
.casino-category-head p{margin:0;font-weight:800;font-size:13px;opacity:.76}
.casino-category-section .casino-provider-grid{margin-top:0}
@media (max-width:700px){.casino-category-head{display:block}.casino-category-head p{margin-top:4px}.casino-organized-page .casino-category-tabs{overflow:auto;flex-wrap:nowrap}.casino-organized-page .casino-category-tabs a{white-space:nowrap}}


/* Category separated casino pages */
.casino-category-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}
.casino-category-big-card{min-height:150px;border:1px solid rgba(255,199,43,.55);border-radius:14px;padding:22px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:#fff;background:linear-gradient(135deg,rgba(10,10,10,.95),rgba(110,80,5,.85));box-shadow:0 14px 30px rgba(0,0,0,.28);overflow:hidden;position:relative}
.casino-category-big-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,214,76,.28),transparent 35%);pointer-events:none}
.casino-category-big-card h2{position:relative;margin:0 0 8px;font-size:26px;font-weight:900;text-shadow:0 3px 8px #000}
.casino-category-big-card p{position:relative;margin:0 0 12px;color:#eee;font-weight:700}
.casino-category-big-card span{position:relative;display:inline-flex;background:#000;border:1px solid #d7a321;border-radius:999px;padding:7px 12px;color:#ffd76a;font-weight:900}
.casino-category-big-card em{position:relative;font-style:normal;background:#d7a321;color:#111;border-radius:999px;padding:10px 16px;font-weight:900;white-space:nowrap}
.casino-category-slot{background:linear-gradient(135deg,#041b38,#b88706)}
.casino-category-casino{background:linear-gradient(135deg,#240312,#c09a1d)}
.casino-category-sport{background:linear-gradient(135deg,#06350b,#c4a018)}
.casino-category-fishing{background:linear-gradient(135deg,#023644,#b98d0d)}
.casino-category-card{background:linear-gradient(135deg,#250733,#bd8a08)}
.casino-category-other{background:linear-gradient(135deg,#191919,#a77a09)}
.casino-category-head.single{background:rgba(0,0,0,.22);border:1px solid rgba(255,199,43,.35);border-radius:12px;padding:12px 16px;margin-bottom:14px;color:#fff}
@media(max-width:900px){.casino-category-home-grid{grid-template-columns:1fr}.casino-category-big-card{min-height:130px}.casino-category-big-card h2{font-size:22px}}

/* custom function icons */

.fn-icon{width:22px;height:22px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:5px;flex:0 0 auto}
.fn-icon-text{display:inline-block;vertical-align:middle;margin-right:4px}
.ruay-userbar .fn-icon{width:18px;height:18px;margin-right:4px}
.ruay-menu .fn-icon{margin-right:0}
.ruay-mobile-menu .fn-icon{width:22px;height:22px;margin:0}
.casino-category-big-card h2 .fn-icon,.casino-title-strip h1 .fn-icon{width:34px;height:34px;margin-right:8px}


/* ===== Guest homepage color controls from /admin/settings ===== */
body:has(.pansook-home){background:var(--guest-bg-mid,#effbdc)!important;color:var(--guest-text-color,#141a12)!important}
.pansook-home{
  color:var(--guest-text-color,#111)!important;
  background:
    radial-gradient(circle at 12% 28%,rgba(255,255,255,.35) 0 72px,transparent 74px),
    radial-gradient(circle at 86% 20%,rgba(255,255,255,.4) 0 48px,transparent 50px),
    repeating-linear-gradient(135deg,rgba(255,255,255,.36) 0 4px,transparent 4px 13px),
    linear-gradient(120deg,var(--guest-bg-start,#f5ffe4),var(--guest-bg-mid,#efffd2) 35%,var(--guest-bg-end,#eaffb9))!important;
}
.pansook-hero{
  background:
    radial-gradient(circle at 45% 55%,rgba(255,255,255,.52) 0 18px,transparent 19px),
    linear-gradient(145deg,color-mix(in srgb,var(--guest-hero-start,#49cc45) 78%,transparent),color-mix(in srgb,var(--guest-hero-end,#9de022) 78%,transparent)),
    repeating-linear-gradient(45deg,rgba(255,255,255,.25) 0 3px,transparent 3px 12px),
    linear-gradient(120deg,var(--guest-hero-start,#49cc45),var(--guest-hero-end,#9de022))!important;
  border-left-color:var(--guest-hero-start,#49cc45)!important;
  border-right-color:var(--guest-hero-end,#9de022)!important;
}
.pansook-card,.pansook-section{background:var(--guest-card-bg,#fff)!important;color:var(--guest-text-color,#111)!important}
.result-card{background:linear-gradient(135deg,var(--guest-gov-start,#eaffc9),var(--guest-gov-end,#aee950))!important;color:var(--guest-text-color,#111)!important}
.result-card.yee{background:linear-gradient(135deg,var(--guest-yiki-start,#fafafa),var(--guest-yiki-end,#8e8e8e))!important;color:var(--guest-text-color,#111)!important}
.result-card a,.pansook-login .contact{background:var(--guest-button-color,#6bce00)!important}
.pansook-login button{background:color-mix(in srgb,var(--guest-button-color,#6bce00) 65%,#111)!important}
.result-card h2,.pansook-section h2,.bank-card h3,.foreign-card h3,.pink-grid h3{color:var(--guest-text-color,#111)!important}

/* easy guest color settings */
.color-row-admin{display:flex;align-items:center;gap:10px}
.color-row-admin input[type=color]{height:46px;padding:4px;cursor:pointer}
.color-row-admin code{min-width:86px;text-align:center;background:#111827;color:#fff;border-radius:10px;padding:10px 12px;font-weight:900}
.guest-color-preset-box{margin:18px 0;padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.guest-color-preset-box b{font-size:18px;color:#fff}
.guest-color-preset-box span{color:#dbe3f2;font-weight:700}
.preset-actions{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.preset-actions .btn{background:#202940;color:#fff;border:1px solid rgba(255,255,255,.18)}
@media(max-width:700px){.preset-actions{margin-left:0;width:100%}.preset-actions .btn{flex:1}}

/* =========================================================
   JETZA77 / Register inspired full site layout override
   โทนดำ-แดงทั้งเว็บ ตามไฟล์ register(1).php
   ========================================================= */
:root{
  --jet-bg:#08080a;
  --jet-panel:#111114;
  --jet-panel-2:#17171b;
  --jet-line:rgba(255,255,255,.08);
  --jet-red:#ff3b3b;
  --jet-red-2:#a10000;
  --jet-orange:#ff7a3b;
  --jet-text:#f6f6f8;
  --jet-muted:#b8b8c2;
  --jet-gold:#ffd166;
}
html,body{
  background:
    radial-gradient(900px 520px at 85% -8%, rgba(255,59,59,.16), transparent 55%),
    radial-gradient(720px 440px at 0% 8%, rgba(161,0,0,.18), transparent 60%),
    linear-gradient(180deg,#050507 0%,#0b0b0d 45%,#111114 100%)!important;
  color:var(--jet-text)!important;
}
body.ruay-ui,body.site-theme,body.guest-mode{
  font-family:Kanit,system-ui,-apple-system,Segoe UI,Arial,sans-serif!important;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 3px,transparent 3px 13px),
    radial-gradient(circle at 50% 0,rgba(255,59,59,.09),transparent 35%);
}
/* top/header */
.ruay-topbar,.top,.ps-auth-header{
  background:rgba(10,10,12,.92)!important;
  border-bottom:1px solid rgba(255,59,59,.35)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.55), inset 0 -1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(12px);
}
.ruay-top-inner,.nav{background:transparent!important;color:var(--jet-text)!important}
.ruay-brand b,.brand b,.site-logo-text{color:#fff!important;text-shadow:0 0 18px rgba(255,59,59,.25)}
.ruay-logo,.brand .logo,.site-logo-img{
  background:linear-gradient(135deg,var(--jet-red),var(--jet-red-2))!important;
  color:#fff!important;box-shadow:0 8px 24px rgba(255,0,0,.28)!important;
}
.ruay-jackpot,.ruay-mini,.ruay-home,.ruay-menu-btn,.links a,.btn,.ps-auth-btn{
  background:linear-gradient(180deg,#1b1b20,#101014)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 8px 20px rgba(0,0,0,.25)!important;
}
.ruay-home,.links a.primary,.btn.primary,.ps-auth-btn.primary,.ruay-mini:hover,.ruay-menu-btn:hover{
  background:linear-gradient(135deg,var(--jet-red),var(--jet-red-2))!important;
  border-color:rgba(255,59,59,.55)!important;
  box-shadow:0 10px 28px rgba(255,0,0,.28)!important;
}
.ruay-jackpot b{color:var(--jet-gold)!important}
/* guest / auth pages */
.pansook-home,.pansook-page,.lotto-page,.main,.page-layout,.inside-container{
  background:
    radial-gradient(800px 500px at 100% -10%,rgba(255,59,59,.13),transparent 58%),
    linear-gradient(180deg,#08080a,#111114)!important;
  color:var(--jet-text)!important;
}
.pansook-hero,.ps-auth-hero,.finance-page .finance-hero,.lotto-hero-select,.ps-page-head{
  background:
    radial-gradient(120% 140% at 110% -10%,rgba(255,59,59,.18),transparent 60%),
    linear-gradient(135deg,#0b0b0d,#16161a 60%,#23070a)!important;
  border:1px solid rgba(255,59,59,.36)!important;
  border-radius:20px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.58), inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.pansook-card,.pansook-section,.ps-card,.card,.lotto-board,.bet-card-main,.bet-side>div,.finance-page .card,.modal-content{
  background:
    radial-gradient(120% 120% at 110% -10%,rgba(255,0,0,.12),transparent 60%),
    linear-gradient(180deg,#101013,#16161a)!important;
  color:var(--jet-text)!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:20px!important;
  box-shadow:0 18px 40px rgba(0,0,0,.56), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.pansook-section h2,.ps-page-head h1,.section-title h2,.card h2,.card h3,.finance-hero h1,.lotto-hero-select h1{color:#fff!important;text-shadow:0 0 18px rgba(255,59,59,.22)}
.muted,.section-title span,.finance-hero p,.pansook-section p,.ps-auth-help,.ps-input-note{color:var(--jet-muted)!important}
/* inputs/forms */
input,select,textarea,.form-control,.x-form-control,.ps-icon-input,input[type=text],input[type=password],input[type=number]{
  background:#121216!important;color:#fff!important;border:1px solid #2a2a2d!important;border-radius:12px!important;
  box-shadow:none!important;outline:0!important;
}
input:focus,select:focus,textarea:focus,.form-control:focus,.x-form-control:focus{
  border-color:var(--jet-red)!important;box-shadow:0 0 0 3px rgba(255,59,59,.16)!important;
}
input::placeholder,textarea::placeholder{color:#9a9aa3!important}
/* result / lotto cards */
.result-card,.result-card.gov,.result-card.yee,.gov-lotto-card,.yee-round-card,.bank-card,.foreign-card,.pink-grid>div,.ticket-row{
  background:
    linear-gradient(180deg,#141418,#0d0d10)!important;
  color:#fff!important;border:1px solid rgba(255,59,59,.22)!important;border-radius:18px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.36)!important;
}
.result-card h2,.gov-lotto-card h3,.yee-round-card b,.mini-result b{color:#fff!important}
.count-pill,.mini-result,.yee-result-inline,.profile-info-grid div{
  background:#18181d!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;
}
.lotto-badge,.round-no,.pill,mark{background:linear-gradient(135deg,var(--jet-red),var(--jet-red-2))!important;color:#fff!important}
/* buttons */
button,.btn,.result-card a,.pansook-login .contact,.pansook-login button,.amount-quick button,.market-tile,.copy-row button,.ps-page-head a,.ps-page-head .btn{
  border-radius:12px!important;font-weight:900!important;
}
button[type=submit],.btn.primary,.reg-red__btn,.result-card a,.pansook-login button,.copy-row button,.big-btn,.support-hero strong{
  background:linear-gradient(135deg,var(--jet-red),var(--jet-red-2))!important;color:#fff!important;border:0!important;
  box-shadow:0 8px 22px rgba(255,0,0,.25)!important;
}
button:hover,.btn:hover,.result-card a:hover{filter:brightness(1.07)}
/* casino pages */
.casino-title-strip,.casino-category-hero,.casino-category-big-card,.casino-provider-open-card{
  background:
    radial-gradient(100% 120% at 100% 0,rgba(255,59,59,.16),transparent 56%),
    linear-gradient(135deg,#101014,#17171b 58%,#2b080b)!important;
  border:1px solid rgba(255,59,59,.35)!important;border-radius:18px!important;color:#fff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.46)!important;
}
.casino-provider-card,.casino-game-card,.game-item,.mini-provider-card{
  background:linear-gradient(145deg,#0e0e12,#17171b)!important;
  border:1px solid rgba(255,59,59,.25)!important;border-radius:16px!important;
  box-shadow:0 12px 30px rgba(0,0,0,.45)!important;color:#fff!important;
}
.casino-provider-card em,.casino-provider-open-card a,.casino-game-card a,.game-item-block a,.game-item-block button{
  background:linear-gradient(135deg,var(--jet-red),var(--jet-red-2))!important;
  border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:12px!important;
  box-shadow:0 8px 22px rgba(255,0,0,.25)!important;
}
.casino-provider-card b,.casino-game-card b,.game-name strong{color:#fff!important;text-shadow:0 3px 12px rgba(0,0,0,.75)}
.casino-provider-card small,.casino-game-card small{color:#ffc7c7!important}
/* admin dashboard basic dark-red */
.admin-body,.admin-shell,.admin-main{background:#08080a!important;color:#fff!important}
.admin-sidebar,.side,.sidebar{background:linear-gradient(180deg,#111114,#0b0b0d)!important;border-right:1px solid rgba(255,59,59,.18)!important}
.admin-card,.admin-panel,.dash-card{background:#121216!important;border:1px solid rgba(255,255,255,.07)!important;color:#fff!important;border-radius:18px!important}
.admin-menu a,.admin-sidebar a{background:#15151a!important;color:#fff!important;border:1px solid rgba(255,255,255,.04)!important}
.admin-menu a.active,.admin-menu a:hover,.admin-sidebar a.active,.admin-sidebar a:hover{background:linear-gradient(135deg,var(--jet-red),var(--jet-red-2))!important}
/* mobile polish */
@media(max-width:760px){
  .ruay-topbar{border-bottom-color:rgba(255,59,59,.42)!important}
  .ruay-top-inner{gap:6px!important;padding:6px 8px!important}
  .ruay-brand b{font-size:18px!important}
  .pansook-home,.pansook-page,.lotto-page{padding-left:8px!important;padding-right:8px!important}
  .pansook-hero,.pansook-card,.pansook-section,.ps-card,.lotto-board{border-radius:16px!important}
  .casino-provider-grid{gap:10px!important}
  .casino-provider-card{height:128px!important;border-radius:12px!important}
  .casino-provider-card b{font-size:22px!important}
}

/* ===== EZ STYLE HOME ONLY ===== */
.ez-home-page{max-width:1180px;margin:0 auto;padding:18px 14px 70px;color:#fff;font-family:Kanit,Arial,sans-serif}
body.guest-mode:has(.ez-home-page),body:has(.ez-home-page){background:#08080a!important;color:#fff!important}
.ez-hero-top{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:stretch;margin:10px 0 14px}.ez-brand-box{min-height:210px;border-radius:24px;padding:28px;background:radial-gradient(circle at 80% 0,rgba(255,0,0,.35),transparent 42%),linear-gradient(135deg,#111,#250606 55%,#090909);border:1px solid rgba(255,70,70,.35);box-shadow:0 18px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ez-brand-box img{max-width:260px;max-height:110px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(255,0,0,.25))}.ez-brand-box b{font-size:48px;color:#ff3838;text-shadow:0 0 24px rgba(255,0,0,.45)}.ez-brand-box span{margin-top:12px;color:#ddd;font-weight:800}.ez-login-card{border-radius:22px;padding:20px;background:linear-gradient(180deg,#131316,#080809);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.45);display:grid;gap:10px}.ez-login-card label{display:grid;grid-template-columns:58px 1fr;align-items:center;height:50px;border:1px solid #29292e;border-radius:14px;background:#101013;overflow:hidden}.ez-login-card label span{display:grid;place-items:center;height:100%;color:#ff4a4a;font-weight:900}.ez-login-card input{height:100%;border:0;background:transparent;color:#fff;outline:0;font-weight:700}.ez-login-card button,.ez-register-btn{height:46px;border:0;border-radius:14px;text-align:center;display:grid;place-items:center;text-decoration:none;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff3b3b,#9e0505);box-shadow:0 10px 24px rgba(255,0,0,.24)}.ez-register-btn{background:linear-gradient(135deg,#242424,#4b0000);border:1px solid rgba(255,80,80,.32)}.ez-news{display:flex;gap:12px;align-items:center;background:#121214;border:1px solid rgba(255,60,60,.25);border-radius:999px;padding:8px 14px;margin:12px 0}.ez-news b{background:#ff3333;color:#fff;border-radius:999px;padding:5px 12px}.ez-news marquee{font-weight:800;color:#ddd}.ez-banner-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.ez-banner-strip img{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 28px rgba(0,0,0,.32)}.ez-category-menu{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;background:rgba(0,0,0,.52);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:12px;margin:14px 0}.ez-category-menu a{min-height:92px;border-radius:16px;background:linear-gradient(180deg,#19191c,#0b0b0d);border:1px solid rgba(255,70,70,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-weight:900;transition:.16s}.ez-category-menu a:hover{transform:translateY(-2px);border-color:#ff4646}.ez-category-menu img{width:42px;height:42px;object-fit:contain;margin-bottom:6px}.ez-category-menu span{font-size:12px;color:#bdbdc5}.ez-section-title{text-align:center;margin:24px 0 12px}.ez-section-title h2{display:inline-flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:28px}.ez-section-title h2:before,.ez-section-title h2:after{content:"";width:42px;height:3px;background:linear-gradient(90deg,transparent,#ff3434);border-radius:999px}.ez-section-title h2:after{background:linear-gradient(90deg,#ff3434,transparent)}.ez-section-title p{margin:5px 0 0;color:#aaa;font-weight:800}.ez-provider-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ez-provider-card{position:relative;border-radius:18px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.35)}.ez-provider-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.ez-provider-card strong{display:block;padding:10px 12px;background:linear-gradient(180deg,#151515,#080808);font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ez-online{position:absolute;top:8px;left:8px;z-index:2;background:rgba(0,0,0,.72);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.ez-online i{display:inline-block;width:8px;height:8px;background:#14e36b;border-radius:99px;margin-right:5px;box-shadow:0 0 10px #14e36b}.ez-card-overlay{position:absolute;inset:0;background:rgba(0,0,0,.58);display:grid;place-items:center;opacity:0;transition:.16s}.ez-provider-card:hover .ez-card-overlay{opacity:1}.ez-card-overlay a{background:linear-gradient(135deg,#ff3b3b,#9d0000);color:#fff;text-decoration:none;border-radius:999px;padding:10px 18px;font-weight:900}.ez-live-section{margin:28px 0 0;background:linear-gradient(180deg,#141416,#0b0b0c);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px}.ez-live-section h2{margin:0 0 14px;color:#ff4949}.ez-live-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ez-live-list div{border-radius:14px;background:#09090a;border:1px solid rgba(255,255,255,.08);padding:12px}.ez-live-list b,.ez-live-list span,.ez-live-list strong{display:block}.ez-live-list span{color:#aaa;font-size:12px}.ez-live-list strong{color:#35e77a}.ez-footer-info{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:22px 0 0;padding:20px;border-radius:22px;background:#101012;border:1px solid rgba(255,255,255,.08)}.ez-footer-info h3{margin:0;color:#ff4242}.ez-footer-info p{margin:6px 0 0;color:#bbb}.ez-footer-info a{white-space:nowrap;text-decoration:none;background:#ff3333;color:#fff;border-radius:999px;padding:11px 16px;font-weight:900}
@media(max-width:900px){.ez-hero-top{grid-template-columns:1fr}.ez-banner-strip{grid-template-columns:1fr}.ez-category-menu{grid-template-columns:repeat(3,1fr)}.ez-provider-grid{grid-template-columns:repeat(3,1fr)}.ez-live-list{grid-template-columns:repeat(2,1fr)}.ez-footer-info{display:block}.ez-footer-info a{display:inline-flex;margin-top:12px}}
@media(max-width:520px){.ez-home-page{padding:10px 8px 60px}.ez-brand-box{min-height:150px;border-radius:18px;padding:18px}.ez-brand-box b{font-size:32px}.ez-brand-box img{max-width:190px}.ez-login-card{border-radius:18px;padding:14px}.ez-category-menu{grid-template-columns:repeat(3,1fr);gap:7px;padding:8px}.ez-category-menu a{min-height:76px;border-radius:12px}.ez-category-menu img{width:32px;height:32px}.ez-category-menu b{font-size:12px}.ez-category-menu span{font-size:10px}.ez-provider-grid{grid-template-columns:repeat(2,1fr);gap:9px}.ez-provider-card{border-radius:13px}.ez-provider-card strong{font-size:12px;padding:8px}.ez-section-title h2{font-size:22px}.ez-live-list{grid-template-columns:1fr 1fr;gap:8px}.ez-live-list div{padding:9px}.ez-banner-strip{gap:8px}.ez-news{border-radius:14px}.ez-news b{font-size:12px}}

/* =========================================================
   FINAL FIX: Apply guest color settings from /admin/settings
   ใส่ท้ายไฟล์เพื่อให้ทับธีม Jetza/EZ และสี hardcode เดิมทั้งหมด
   ========================================================= */
body.guest-mode,
body.guest-mode.ruay-ui,
body.guest-mode.site-theme,
body.guest-mode:has(.pansook-home),
body.guest-mode:has(.ez-home-page),
body.guest-mode:has(.ps-auth-page),
body.guest-mode:has(.login-card){
  background:
    radial-gradient(circle at 14% 28%, rgba(255,255,255,.22) 0 72px, transparent 74px),
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.18) 0 55px, transparent 57px),
    repeating-linear-gradient(135deg, rgba(255,255,255,.16) 0 4px, transparent 4px 13px),
    linear-gradient(120deg, var(--guest-bg-start,#f5ffe4), var(--guest-bg-mid,#efffd2) 42%, var(--guest-bg-end,#eaffb9)) !important;
  color:var(--guest-text-color,#111111)!important;
}
body.guest-mode:before{opacity:.35!important}
body.guest-mode .pansook-home,
body.guest-mode .pansook-page,
body.guest-mode .lotto-page,
body.guest-mode .main,
body.guest-mode .page-layout,
body.guest-mode .inside-container,
body.guest-mode .ez-home-page{
  background:
    radial-gradient(circle at 14% 28%, rgba(255,255,255,.24) 0 72px, transparent 74px),
    radial-gradient(circle at 86% 20%, rgba(255,255,255,.20) 0 55px, transparent 57px),
    repeating-linear-gradient(135deg, rgba(255,255,255,.14) 0 4px, transparent 4px 13px),
    linear-gradient(120deg, var(--guest-bg-start,#f5ffe4), var(--guest-bg-mid,#efffd2) 42%, var(--guest-bg-end,#eaffb9)) !important;
  color:var(--guest-text-color,#111111)!important;
}
body.guest-mode .pansook-hero,
body.guest-mode .ps-auth-hero,
body.guest-mode .ez-brand-box,
body.guest-mode .ez-news,
body.guest-mode .ez-category-menu,
body.guest-mode .lotto-hero-select,
body.guest-mode .ps-page-head{
  background:
    radial-gradient(circle at 45% 55%, rgba(255,255,255,.32) 0 18px, transparent 19px),
    repeating-linear-gradient(45deg, rgba(255,255,255,.16) 0 3px, transparent 3px 12px),
    linear-gradient(120deg, var(--guest-hero-start,#49cc45), var(--guest-hero-end,#9de022)) !important;
  border-color: color-mix(in srgb, var(--guest-hero-end,#9de022) 70%, #111) !important;
  color:var(--guest-text-color,#111111)!important;
}
body.guest-mode .pansook-card,
body.guest-mode .pansook-section,
body.guest-mode .ps-card,
body.guest-mode .card,
body.guest-mode .ez-login-card,
body.guest-mode .ez-live-section,
body.guest-mode .ez-footer-info,
body.guest-mode .modal-content{
  background:var(--guest-card-bg,#ffffff)!important;
  color:var(--guest-text-color,#111111)!important;
  border-color:rgba(0,0,0,.08)!important;
}
body.guest-mode .result-card,
body.guest-mode .result-card.gov,
body.guest-mode .gov-lotto-card{
  background:linear-gradient(135deg,var(--guest-gov-start,#eaffc9),var(--guest-gov-end,#aee950))!important;
  color:var(--guest-text-color,#111111)!important;
  border-color:rgba(0,0,0,.08)!important;
}
body.guest-mode .result-card.yee,
body.guest-mode .yee-round-card{
  background:linear-gradient(135deg,var(--guest-yiki-start,#fafafa),var(--guest-yiki-end,#8e8e8e))!important;
  color:var(--guest-text-color,#111111)!important;
  border-color:rgba(0,0,0,.08)!important;
}
body.guest-mode .result-card a,
body.guest-mode .pansook-login .contact,
body.guest-mode .pansook-login button,
body.guest-mode button[type=submit],
body.guest-mode .btn.primary,
body.guest-mode .ez-login-card button,
body.guest-mode .ez-register-btn,
body.guest-mode .ez-footer-info a{
  background:var(--guest-button-color,#6bce00)!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--guest-button-color,#6bce00) 65%,#000)!important;
}
body.guest-mode h1,
body.guest-mode h2,
body.guest-mode h3,
body.guest-mode .result-card h2,
body.guest-mode .pansook-section h2,
body.guest-mode .bank-card h3,
body.guest-mode .foreign-card h3,
body.guest-mode .pink-grid h3,
body.guest-mode .ez-section-title h2,
body.guest-mode .ez-provider-card strong{
  color:var(--guest-text-color,#111111)!important;
}
body.guest-mode input,
body.guest-mode select,
body.guest-mode textarea,
body.guest-mode .form-control,
body.guest-mode .x-form-control{
  background:color-mix(in srgb,var(--guest-card-bg,#ffffff) 82%,#000)!important;
  color:var(--guest-text-color,#111111)!important;
  border-color:rgba(0,0,0,.18)!important;
}

/* ===== GODDUBAI GREEN/GOLD FULL HOME LAYOUT ===== */
body.guest-mode:has(.goddubai-home-page), body:has(.goddubai-home-page){
  background:#062605!important;
  color:#fff!important;
}
body:has(.goddubai-home-page)::before{
  content:"";position:fixed;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 22% 18%,rgba(155,255,79,.22),transparent 28%),
    radial-gradient(circle at 70% 68%,rgba(255,221,83,.16),transparent 24%),
    linear-gradient(90deg,#031604 0,#0b3b08 13%,#184e10 50%,#0b3b08 87%,#031604 100%);
}
body:has(.goddubai-home-page)::after{
  content:"";position:fixed;inset:0;z-index:-1;opacity:.22;pointer-events:none;
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 3px,transparent 3px 14px);
}
.goddubai-home-page{max-width:1680px!important;margin:0 auto!important;padding:0 16px 76px 218px!important;position:relative;color:#fff!important;min-height:100vh;}
.god-main-wrap{background:rgba(198,226,185,.72);border-left:2px solid #2dc91f;border-right:2px solid #2dc91f;border-radius:0 0 18px 18px;padding:12px 14px 28px;box-shadow:0 20px 60px rgba(0,0,0,.45),inset 0 0 80px rgba(255,255,255,.25);}
.god-side-menu{position:fixed;left:22px;top:96px;width:174px;z-index:40;display:grid;gap:12px;}
.god-side-menu a{height:70px;padding:0 14px;display:flex;align-items:center;gap:12px;border-radius:13px;text-decoration:none;color:#fff;font-weight:900;text-shadow:0 2px 3px rgba(0,0,0,.6);background:linear-gradient(135deg,#093805,#1f7c10 46%,#0b2d05);border:1px solid rgba(239,196,56,.65);box-shadow:0 8px 16px rgba(0,0,0,.55),inset 0 0 20px rgba(131,255,74,.25);}
.god-side-menu a:hover{transform:translateX(4px);filter:brightness(1.13)}
.god-ico{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#ffd95c,#9f6917);box-shadow:0 0 0 3px rgba(255,220,80,.24);font-size:20px;}
.goddubai-home-page .ez-hero-top{grid-template-columns:1fr 380px!important;margin:0 0 10px!important;gap:12px!important;align-items:center;background:linear-gradient(180deg,#14380e,#0c2b08);border:1px solid #b68a21;border-radius:0 0 18px 18px;padding:16px!important;box-shadow:0 12px 30px rgba(0,0,0,.35);}
.goddubai-home-page .ez-brand-box{min-height:118px!important;border-radius:18px!important;background:linear-gradient(135deg,#0a2f07,#1d6616 55%,#0d3008)!important;border:1px solid #d0a53c!important;box-shadow:inset 0 0 35px rgba(99,255,42,.2),0 10px 24px rgba(0,0,0,.35)!important;}
.goddubai-home-page .ez-brand-box img{max-height:80px!important;max-width:230px!important;filter:drop-shadow(0 8px 13px rgba(255,199,48,.4))!important}.goddubai-home-page .ez-brand-box b{color:#ffde65!important;text-shadow:0 3px #0b2408,0 0 18px rgba(255,225,92,.55)!important}.goddubai-home-page .ez-brand-box span{color:#e9ffd9!important;font-weight:900!important}.goddubai-home-page .ez-login-card{background:linear-gradient(180deg,#174d10,#092906)!important;border:1px solid #d1a33c!important;border-radius:16px!important;box-shadow:inset 0 0 24px rgba(163,255,81,.18)!important}.goddubai-home-page .ez-login-card label{background:#0b2508!important;border-color:#b68721!important}.goddubai-home-page .ez-login-card label span{color:#ffdb61!important}.goddubai-home-page .ez-login-card input{color:#fff!important}.goddubai-home-page .ez-login-card button,.goddubai-home-page .ez-register-btn{background:linear-gradient(180deg,#35b31c,#0c6505)!important;border:1px solid #f2c94c!important;color:#fff!important;box-shadow:0 7px 14px rgba(0,0,0,.35),inset 0 0 14px rgba(255,255,255,.15)!important}.goddubai-home-page .ez-news{background:linear-gradient(90deg,#0b3906,#1a6f0e,#0b3906)!important;border-color:#d4a638!important;border-radius:0!important;color:#fff!important}.goddubai-home-page .ez-news b{background:#c79928!important;color:#102b06!important}.goddubai-home-page .ez-news marquee{color:#fff!important}.goddubai-home-page .ez-banner-strip{display:flex!important;gap:10px!important;overflow:hidden!important;background:rgba(255,255,255,.38)!important;border-radius:0!important;padding:14px!important;border:1px solid rgba(31,119,18,.35)!important}.goddubai-home-page .ez-banner-strip img{min-width:31.5%!important;height:260px!important;aspect-ratio:auto!important;border-radius:8px!important;border:1px solid rgba(255,224,112,.7)!important;box-shadow:0 8px 18px rgba(0,0,0,.28)!important;object-fit:cover!important}.goddubai-home-page .ez-category-menu{background:linear-gradient(180deg,#1d7a10,#0e4b08)!important;border:1px solid #d1a33c!important;border-radius:14px!important;box-shadow:0 10px 24px rgba(0,0,0,.35)!important;grid-template-columns:repeat(6,1fr)!important}.goddubai-home-page .ez-category-menu a{background:linear-gradient(180deg,#165a0d,#092e06)!important;border:1px solid rgba(238,198,62,.75)!important;color:#fff!important;box-shadow:inset 0 0 25px rgba(87,255,66,.16)!important}.goddubai-home-page .ez-category-menu a b{color:#fff!important;text-shadow:0 2px 2px #000}.goddubai-home-page .ez-category-menu a span{color:#eaffd6!important}.goddubai-home-page .ez-section-title{background:rgba(255,255,255,.38)!important;border-radius:18px 18px 0 0!important;padding:20px 10px 8px!important;margin:16px 0 0!important}.goddubai-home-page .ez-section-title h2{color:#fff!important;text-shadow:0 3px 4px rgba(0,0,0,.45)!important}.goddubai-home-page .ez-section-title h2:before,.goddubai-home-page .ez-section-title h2:after{background:linear-gradient(90deg,transparent,#ffd75b)!important}.goddubai-home-page .ez-section-title h2:after{background:linear-gradient(90deg,#ffd75b,transparent)!important}.goddubai-home-page .ez-section-title p{color:#f8ffec!important}.goddubai-home-page .ez-provider-grid{background:rgba(255,255,255,.38)!important;border-radius:0 0 18px 18px!important;padding:16px 24px 26px!important;grid-template-columns:repeat(6,1fr)!important;gap:14px!important}.goddubai-home-page .ez-provider-card{border-radius:8px!important;border:1px solid #15480d!important;background:#0b3006!important;box-shadow:0 7px 16px rgba(0,0,0,.45)!important;}.goddubai-home-page .ez-provider-card>img{aspect-ratio:16/9!important;}.goddubai-home-page .ez-provider-card strong{background:linear-gradient(180deg,#0f5b09,#052704)!important;color:#fff!important;text-shadow:0 2px 2px #000!important}.goddubai-home-page .ez-online{background:rgba(6,58,0,.84)!important;border:1px solid #f0c748!important;color:#fff!important}.goddubai-home-page .ez-card-overlay a{background:linear-gradient(180deg,#39b41b,#0c6404)!important;border:1px solid #f1cb4b!important}.goddubai-home-page .ez-live-section,.goddubai-home-page .ez-footer-info{background:rgba(255,255,255,.35)!important;border:1px solid rgba(238,198,62,.55)!important;color:#0b2e06!important}.goddubai-home-page .ez-live-section h2,.goddubai-home-page .ez-footer-info h3{color:#fff!important;text-shadow:0 2px 3px #003b00!important}.goddubai-home-page .ez-live-list div{background:linear-gradient(180deg,#0f5b08,#092a05)!important;border-color:#e4bb42!important;color:#fff!important}.goddubai-home-page .ez-live-list strong{color:#ffdf64!important}.goddubai-home-page .ez-footer-info p{color:#153b0e!important;font-weight:800!important}.goddubai-home-page .ez-footer-info a{background:linear-gradient(180deg,#35b31c,#0c6505)!important;border:1px solid #f2c94c!important;color:#fff!important}.god-right-float{position:fixed;right:16px;top:42%;z-index:60;display:grid;gap:9px;background:rgba(0,0,0,.55);border-radius:16px;padding:8px;border:1px solid rgba(255,218,83,.45)}.god-right-float a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;font-weight:900;background:linear-gradient(180deg,#2fc11a,#0c6305);border:1px solid #f1c84d;font-size:12px;box-shadow:0 6px 14px rgba(0,0,0,.4)}
@media(max-width:1100px){.goddubai-home-page{padding-left:14px!important}.god-side-menu{position:static;width:auto;grid-template-columns:repeat(4,1fr);margin:8px 0 12px}.god-side-menu a{height:58px}.goddubai-home-page .ez-provider-grid{grid-template-columns:repeat(4,1fr)!important}.goddubai-home-page .ez-banner-strip img{height:190px!important}.god-right-float{display:none}}
@media(max-width:720px){.god-main-wrap{padding:8px!important}.goddubai-home-page{padding:0 6px 70px!important}.god-side-menu{grid-template-columns:repeat(3,1fr);gap:7px}.god-side-menu a{height:54px;padding:0 8px;font-size:12px}.god-ico{width:32px;height:32px;font-size:16px}.goddubai-home-page .ez-hero-top{grid-template-columns:1fr!important;padding:10px!important}.goddubai-home-page .ez-brand-box{min-height:92px!important}.goddubai-home-page .ez-login-card{display:none!important}.goddubai-home-page .ez-banner-strip{padding:8px!important;overflow-x:auto!important}.goddubai-home-page .ez-banner-strip img{min-width:86%!important;height:132px!important}.goddubai-home-page .ez-category-menu{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;padding:8px!important}.goddubai-home-page .ez-provider-grid{grid-template-columns:repeat(2,1fr)!important;padding:10px!important;gap:9px!important}.goddubai-home-page .ez-live-list{grid-template-columns:repeat(2,1fr)!important}.goddubai-home-page .ez-footer-info{display:block!important}.goddubai-home-page .ez-footer-info a{display:inline-flex;margin-top:12px}}

/* ===== FIX: GODDUBAI MOBILE LOGIN CLICKABLE ===== */
@media(max-width:720px){
  .goddubai-home-page .ez-hero-top{
    position:relative!important;
    z-index:5!important;
  }
  .goddubai-home-page .ez-login-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    margin-top:8px!important;
    padding:10px!important;
    position:relative!important;
    z-index:20!important;
    pointer-events:auto!important;
  }
  .goddubai-home-page .ez-login-card label{
    display:grid!important;
    grid-template-columns:58px 1fr!important;
    height:44px!important;
    pointer-events:auto!important;
  }
  .goddubai-home-page .ez-login-card input,
  .goddubai-home-page .ez-login-card button,
  .goddubai-home-page .ez-register-btn{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  .goddubai-home-page .ez-login-card button,
  .goddubai-home-page .ez-register-btn{
    height:44px!important;
    font-size:15px!important;
  }
  .god-side-menu,
  .god-main-wrap,
  .ez-banner-strip,
  .ez-category-menu{
    pointer-events:auto!important;
  }
}

/* =========================================================
   COPA928 RED/BLACK FULL LAYOUT OVERRIDE
   Added by ChatGPT: เปลี่ยนหน้าแรก / สมัคร / member / เกม เป็นโทนแดงดำ
   ========================================================= */
:root{
  --copa-red:#e60000;
  --copa-red2:#870000;
  --copa-deep:#080000;
  --copa-panel:#1b0505;
  --copa-card:#2a0707;
  --copa-gold:#ffd267;
  --copa-white:#ffffff;
}
html,body{background:#090000!important;}
body.ruay-ui,body.guest-mode{
  background:
    radial-gradient(circle at 18% 38%,rgba(255,40,20,.38) 0 3px,transparent 4px),
    radial-gradient(circle at 82% 45%,rgba(255,80,30,.24) 0 9px,transparent 10px),
    radial-gradient(circle at 42% 82%,rgba(255,0,0,.20) 0 6px,transparent 7px),
    linear-gradient(90deg,#150000 0%,#4b0000 25%,#230000 50%,#4b0000 75%,#140000 100%)!important;
  color:#fff!important;
}
body.ruay-ui:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 30% 78%,rgba(255,38,0,.55),transparent 5%),
    radial-gradient(circle at 70% 18%,rgba(255,75,0,.35),transparent 7%),
    repeating-radial-gradient(circle at 50% 50%,rgba(255,0,0,.10) 0 1px,transparent 1px 34px),
    linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.70));
  opacity:.9;
}
/* Header */
.topbar,.ruay-topbar,.site-header,.main-header,.ez-hero-top,.member-quick-top{
  background:linear-gradient(180deg,#e60000,#650000 74%,#070000)!important;
  border-bottom:1px solid rgba(255,210,103,.45)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.65)!important;
}
.ruay-logo,.brand-logo,.topbar .logo,.site-logo{filter:drop-shadow(0 4px 10px rgba(0,0,0,.65));}
a,button{transition:.16s ease;}
.btn,.primary,.ruay-home,.ruay-credit,.ruay-profile,.ez-login-card button,.ez-register-btn,
.member-pay-grid a,.member-main-actions a,.member-menu-grid a,.member-bottom-actions a{
  border-radius:14px!important;
  border:1px solid rgba(255,210,103,.45)!important;
  background:linear-gradient(180deg,#ff1414,#b30000 65%,#590000)!important;
  color:#fff!important;
  box-shadow:0 9px 24px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
}
.btn:hover,.primary:hover,.ruay-home:hover,.ruay-credit:hover,.ruay-profile:hover,.ez-login-card button:hover,.ez-register-btn:hover,
.member-pay-grid a:hover,.member-main-actions a:hover,.member-menu-grid a:hover,.member-bottom-actions a:hover{
  filter:brightness(1.14);transform:translateY(-1px);
}
/* Guest home like copa928 */
.ez-home-page,.goddubai-home-page,.pansook-home{
  width:min(980px,100%)!important;margin:0 auto!important;padding:0 14px 60px!important;
  background:linear-gradient(180deg,rgba(45,0,0,.96),rgba(70,0,0,.92),rgba(32,0,0,.96))!important;
  border-left:1px solid rgba(255,210,103,.14)!important;border-right:1px solid rgba(255,210,103,.14)!important;
  min-height:calc(100vh - 80px)!important;
}
.god-side-menu,.god-right-float{display:none!important;}
.ez-hero-top{margin:0 -14px 0!important;padding:18px 24px!important;display:flex!important;align-items:center!important;gap:20px!important;justify-content:space-between!important;position:sticky;top:0;z-index:20;}
.ez-brand-box{display:flex!important;align-items:center!important;gap:14px!important;color:#fff!important;background:transparent!important;box-shadow:none!important;border:0!important;}
.ez-brand-box img{max-height:62px!important;width:auto!important;object-fit:contain!important;}
.ez-brand-box b{font-size:30px!important;color:var(--copa-gold)!important;text-shadow:0 2px 8px #000;}
.ez-brand-box span{font-size:14px!important;color:#fff!important;opacity:.9;}
.ez-login-card{display:flex!important;align-items:center!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.ez-login-card label{display:none!important;}
.ez-login-card button,.ez-register-btn{height:42px!important;min-width:118px!important;padding:0 18px!important;font-weight:900!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.ez-login-card button{background:linear-gradient(180deg,#111,#020202)!important;border-color:#666!important;}
.ez-register-btn{background:linear-gradient(180deg,#ff1818,#c30000)!important;}
.ez-news{background:rgba(0,0,0,.78)!important;color:#fff!important;margin:0 -14px 12px!important;padding:9px 18px!important;border:0!important;font-weight:700!important;}
.ez-news b{color:#ffdf76!important;margin-right:12px;}
.ez-banner-strip{display:flex!important;gap:12px!important;overflow:hidden!important;background:#140000!important;border-radius:0 0 18px 18px!important;padding:12px!important;border:1px solid rgba(255,210,103,.16)!important;}
.ez-banner-strip img{min-width:100%!important;height:320px!important;object-fit:cover!important;border-radius:16px!important;border:1px solid rgba(255,210,103,.38)!important;box-shadow:0 12px 30px rgba(0,0,0,.55)!important;}
.ez-category-menu{display:flex!important;flex-wrap:wrap!important;gap:12px!important;justify-content:center!important;padding:16px 8px 10px!important;background:transparent!important;}
.ez-category-menu a{width:112px!important;min-height:86px!important;border-radius:12px!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;background:linear-gradient(180deg,#c00000,#850000)!important;border:1px solid rgba(255,210,103,.45)!important;box-shadow:0 9px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.18)!important;color:#fff!important;}
.ez-category-menu img{width:34px!important;height:34px!important;object-fit:contain!important;filter:drop-shadow(0 2px 3px #000);}
.ez-category-menu b{font-size:14px!important;color:#fff!important;}
.ez-category-menu span{font-size:12px!important;color:#ffd267!important;}
.ez-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:28px 0 12px!important;color:#fff!important;}
.ez-section-title h2{font-size:22px!important;margin:0!important;color:#fff!important;}
.ez-section-title p{margin:0!important;color:#f4c8c8!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:999px!important;padding:7px 14px!important;}
.ez-provider-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:14px!important;align-items:stretch!important;}
.ez-provider-card{background:#230000!important;border:1px solid rgba(255,210,103,.48)!important;border-radius:10px!important;overflow:hidden!important;min-height:116px!important;position:relative!important;box-shadow:0 12px 22px rgba(0,0,0,.56)!important;}
.ez-provider-card:nth-child(6n+1){grid-column:span 2!important;grid-row:span 2!important;}
.ez-provider-card img{width:100%!important;height:100%!important;min-height:116px!important;object-fit:cover!important;display:block!important;filter:saturate(1.06) contrast(1.02)!important;}
.ez-provider-card strong{position:absolute!important;left:9px!important;bottom:8px!important;right:9px!important;color:#fff!important;font-size:15px!important;line-height:1.1!important;text-shadow:0 2px 4px #000!important;z-index:2!important;}
.ez-online{position:absolute!important;left:8px!important;top:7px!important;z-index:3!important;background:rgba(0,0,0,.62)!important;border-radius:999px!important;padding:3px 7px!important;font-size:12px!important;color:#fff!important;}
.ez-online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39ff5b;margin-right:4px;}
.ez-card-overlay{position:absolute!important;inset:0!important;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.78))!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0!important;z-index:4!important;}
.ez-provider-card:hover .ez-card-overlay{opacity:1!important;}
.ez-card-overlay a{background:linear-gradient(180deg,#ff1414,#b10000)!important;color:#fff!important;padding:10px 16px!important;border-radius:999px!important;font-weight:900!important;text-decoration:none!important;border:1px solid rgba(255,210,103,.5)!important;}
.ez-live-section,.ez-footer-info{background:rgba(23,10,31,.92)!important;border:1px solid rgba(255,210,103,.20)!important;border-radius:14px!important;margin-top:28px!important;padding:18px!important;color:#fff!important;}
.ez-live-section h2,.ez-footer-info h3{color:#fff!important;margin-top:0!important;}
.ez-live-list{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important;}
.ez-live-list div{background:rgba(255,255,255,.07)!important;border-radius:12px!important;padding:10px!important;display:flex!important;flex-direction:column!important;gap:2px!important;}
.ez-live-list strong{color:#ffd267!important;}
.god-footer-info a,.ez-footer-info a{background:transparent!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;border-radius:10px!important;padding:10px 16px!important;text-decoration:none!important;display:inline-flex!important;}
/* Register / auth pages red neon */
.ps-auth-page,.ps-register-page,.login{
  min-height:calc(100vh - 110px)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:110px 18px 70px!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.36),rgba(0,0,0,.78)),
    radial-gradient(ellipse at center,rgba(255,38,0,.30),transparent 42%),
    repeating-linear-gradient(115deg,transparent 0 80px,rgba(255,70,30,.18) 81px 86px,transparent 87px 150px),
    linear-gradient(135deg,#130000,#3b0303 48%,#090000)!important;
  position:relative!important;
  overflow:hidden!important;
}
.ps-auth-page:before,.ps-register-page:before,.login:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;
  background:
    linear-gradient(110deg,transparent 20%,rgba(255,34,0,.52) 22%,transparent 24%),
    linear-gradient(250deg,transparent 19%,rgba(255,34,0,.52) 21%,transparent 23%),
    radial-gradient(circle at 50% 65%,rgba(255,25,0,.42),transparent 20%);
  filter:blur(.2px);
}
.ps-auth-card,.ps-register-card,.login-card{
  position:relative!important;z-index:1!important;max-width:380px!important;width:100%!important;padding:30px 28px!important;border-radius:10px!important;
  background:rgba(41,19,19,.88)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 28px 90px rgba(0,0,0,.65)!important;
  backdrop-filter:blur(8px)!important;
}
.ps-register-card{max-width:390px!important;padding:28px!important;}
.ps-auth-logo-img{display:block!important;margin:0 auto 12px!important;max-width:250px!important;max-height:95px!important;object-fit:contain!important;filter:drop-shadow(0 4px 12px rgba(0,0,0,.55));}
.ps-auth-logo-text{font-size:36px!important;text-align:center!important;color:#ffd267!important;text-shadow:0 2px 8px #000;}
.ps-auth-card h1,.ps-register-card h1,.login-card h1{color:#fff!important;text-align:center!important;font-size:30px!important;margin:0 0 20px!important;border-bottom:3px solid #e51b2a!important;padding-bottom:12px!important;}
.ps-step-badges{display:flex!important;gap:6px!important;justify-content:center!important;margin-bottom:14px!important;}
.ps-step-badges span{background:#e51b2a!important;color:#fff!important;border-radius:4px!important;padding:5px 9px!important;font-size:12px!important;font-weight:800!important;}
.ps-icon-input{height:auto!important;display:flex!important;align-items:center!important;gap:0!important;margin:10px 0!important;background:transparent!important;border:0!important;}
.ps-icon-input span{width:43px!important;height:43px!important;display:grid!important;place-items:center!important;background:#e9eef7!important;color:#111!important;border-radius:50%!important;z-index:2!important;margin-right:-30px!important;border:2px solid #fff!important;}
.ps-icon-input input,.ps-icon-input select{width:100%!important;height:45px!important;border-radius:999px!important;border:0!important;background:#c9c0c0!important;color:#111!important;padding:0 18px 0 44px!important;font-size:16px!important;font-weight:700!important;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)!important;}
.ps-icon-input input::placeholder{color:#3d3d3d!important;opacity:.85!important;}
.ps-input-note,.ps-auth-help{color:#fff!important;opacity:.95!important;font-size:13px!important;margin:2px 0 12px!important;font-style:italic!important;}
.ps-auth-actions{display:flex!important;gap:12px!important;align-items:center!important;justify-content:space-between!important;border-top:1px solid rgba(255,255,255,.20)!important;margin-top:22px!important;padding-top:18px!important;}
.ps-auth-btn{height:42px!important;border-radius:999px!important;border:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 22px!important;font-weight:900!important;background:#89949c!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important;}
.ps-auth-btn.primary{background:linear-gradient(180deg,#ef2735,#d51d2a)!important;color:#fff!important;}
.ps-auth-copy{color:#fff!important;text-align:center!important;font-size:12px!important;margin-top:14px!important;}
/* Member dashboard red */
.pansook-member-dashboard{max-width:780px!important;margin:0 auto!important;background:rgba(40,0,0,.92)!important;min-height:100vh!important;padding:0 14px 100px!important;color:#fff!important;}
.member-announcement{background:rgba(0,0,0,.75)!important;color:#fff!important;border:0!important;margin:0 -14px!important;padding:10px 14px!important;}
.member-hero-logo{background:linear-gradient(180deg,#d90000,#640000)!important;margin:0 -14px!important;padding:22px!important;text-align:center!important;border-bottom:1px solid rgba(255,210,103,.3)!important;}
.member-hero-logo img{max-height:88px!important;object-fit:contain!important;}
.member-wallet-card,.member-menu-grid,.member-bottom-actions{background:rgba(35,0,0,.95)!important;border:1px solid rgba(255,210,103,.18)!important;border-radius:16px!important;box-shadow:0 12px 35px rgba(0,0,0,.45)!important;}
.member-wallet-card{padding:18px!important;margin:18px 0!important;}
.member-balance{color:#ffd267!important;font-size:42px!important;text-shadow:0 2px 6px #000!important;}
.member-pay-grid,.member-main-actions,.member-menu-grid,.member-bottom-actions{display:grid!important;gap:12px!important;}
.member-pay-grid{grid-template-columns:repeat(3,1fr)!important;}
.member-main-actions,.member-bottom-actions{grid-template-columns:repeat(2,1fr)!important;}
.member-menu-grid{grid-template-columns:repeat(4,1fr)!important;padding:14px!important;}
.member-footer{color:#fff!important;text-align:center!important;padding:18px!important;}
/* casino pages */
.casino-page,.provider-page,.ruay-shell{background:rgba(35,0,0,.94)!important;color:#fff!important;max-width:980px!important;margin:0 auto!important;border-left:1px solid rgba(255,210,103,.13)!important;border-right:1px solid rgba(255,210,103,.13)!important;}
.casino-card,.provider-card,.game-card,.ruay-panel,.ruay-section{background:rgba(28,0,0,.94)!important;border:1px solid rgba(255,210,103,.28)!important;color:#fff!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important;}
/* mobile */
@media(max-width:768px){
  body.ruay-ui{background:#120000!important;}
  .ez-home-page,.goddubai-home-page,.pansook-home{width:100%!important;padding:0 8px 76px!important;}
  .ez-hero-top{position:sticky!important;top:0!important;margin:0 -8px!important;padding:8px 10px!important;gap:8px!important;overflow-x:auto!important;}
  .ez-brand-box img{max-height:44px!important}.ez-brand-box span{display:none!important}.ez-brand-box b{font-size:22px!important;white-space:nowrap!important;}
  .ez-login-card{gap:6px!important;flex-shrink:0!important;}
  .ez-login-card button,.ez-register-btn{height:38px!important;min-width:92px!important;font-size:13px!important;padding:0 12px!important;}
  .ez-news{margin:0 -8px 8px!important;padding:8px 12px!important;font-size:13px!important;}
  .ez-banner-strip{padding:8px!important;gap:8px!important;}
  .ez-banner-strip img{height:178px!important;border-radius:10px!important;}
  .ez-category-menu{gap:8px!important;padding:12px 0!important;}
  .ez-category-menu a{width:75px!important;min-height:74px!important;border-radius:9px!important;}
  .ez-category-menu img{width:30px!important;height:30px!important}.ez-category-menu b{font-size:12px!important}.ez-category-menu span{font-size:10px!important;}
  .ez-section-title{margin:18px 0 10px!important}.ez-section-title h2{font-size:18px!important}.ez-section-title p{font-size:11px!important;padding:5px 9px!important;}
  .ez-provider-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
  .ez-provider-card:nth-child(6n+1){grid-column:span 2!important;grid-row:span 2!important;}
  .ez-provider-card{min-height:88px!important;border-radius:8px!important;}
  .ez-provider-card img{min-height:88px!important;}
  .ez-provider-card strong{font-size:12px!important;left:6px!important;bottom:6px!important;}
  .ez-online{font-size:10px!important;padding:2px 5px!important;}
  .ez-live-list{grid-template-columns:repeat(2,1fr)!important;}
  .ps-auth-page,.ps-register-page,.login{padding:92px 14px 50px!important;align-items:flex-start!important;}
  .ps-auth-card,.ps-register-card,.login-card{max-width:360px!important;padding:22px 18px!important;}
  .ps-auth-card h1,.ps-register-card h1,.login-card h1{font-size:24px!important;}
  .ps-auth-logo-img{max-width:210px!important;max-height:80px!important;}
  .member-pay-grid,.member-main-actions,.member-menu-grid,.member-bottom-actions{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;}
  .member-menu-grid{grid-template-columns:repeat(3,1fr)!important;}
}
@media(max-width:420px){
  .ez-provider-grid{grid-template-columns:repeat(2,1fr)!important;}
  .ez-provider-card:nth-child(6n+1){grid-column:span 2!important;}
  .member-pay-grid,.member-main-actions,.member-menu-grid,.member-bottom-actions{grid-template-columns:repeat(2,1fr)!important;}
}

/* =========================================================
   COPA928 MEMBER DASHBOARD PAGE - added fix
   เปลี่ยนหน้าเมมเบอร์หลังเข้าสู่ระบบให้ใกล้เคียง COPA928
   ========================================================= */
body:has(.copa-member-page){
  background:#050000!important;
  color:#fff!important;
}
body:has(.copa-member-page) .ruay-topbar,
body:has(.copa-member-page) .topbar,
body:has(.copa-member-page) .site-header{
  display:none!important;
}
.copa-member-page{
  width:min(760px,100%);
  min-height:100vh;
  margin:0 auto;
  padding:0 16px 86px;
  color:#fff;
  font-family:Kanit,Arial,sans-serif;
  background:
    radial-gradient(circle at 18% 44%,rgba(255,0,0,.18),transparent 24%),
    radial-gradient(circle at 84% 72%,rgba(255,60,20,.16),transparent 22%),
    linear-gradient(180deg,#260000,#4b0000 38%,#240000 100%);
  box-shadow:0 0 80px rgba(0,0,0,.85);
  position:relative;
  overflow:hidden;
}
.copa-member-page:before{
  content:"";
  position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:
    radial-gradient(circle at 12% 76%,rgba(255,35,0,.55) 0 5px,transparent 6px),
    radial-gradient(circle at 80% 22%,rgba(255,70,25,.38) 0 7px,transparent 8px),
    repeating-radial-gradient(circle at 50% 50%,rgba(255,58,0,.16) 0 1px,transparent 1px 38px);
}
.copa-member-page>*{position:relative;z-index:1}
.copa-member-top{
  margin:0 -16px;
  height:84px;
  background:linear-gradient(180deg,#e20000,#8b0000 64%,#070000);
  border-bottom:1px solid rgba(255,211,99,.45);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(0,0,0,.7);
}
.copa-member-logo img{height:58px;max-width:210px;object-fit:contain;filter:drop-shadow(0 5px 10px #000)}
.copa-member-top-actions{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;gap:8px;align-items:center}
.copa-member-top-actions a,.copa-member-top-actions button{
  min-width:42px;height:38px;border:0;border-radius:9px;background:linear-gradient(#fff,#ddd);color:#111;text-decoration:none;font-weight:900;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 9px;box-shadow:0 4px 12px rgba(0,0,0,.45)
}
.copa-member-top-actions img{width:22px;height:22px;object-fit:contain}.copa-member-top-actions span{font-size:15px}.copa-member-top-actions small{font-size:11px}
.copa-member-banner{margin:0 -16px 14px;background:#110000;border-bottom:1px solid rgba(255,211,99,.25)}
.copa-member-banner>img{width:100%;max-height:260px;object-fit:cover;display:block}.copa-member-news{display:flex;align-items:center;gap:8px;height:34px;background:rgba(0,0,0,.82);padding:0 18px;color:#fff;font-size:14px}.copa-member-news span{color:#ffd267}
.copa-wallet-box{
  margin:14px 0 18px;padding:14px 16px 16px;border-radius:15px;border:1px solid rgba(255,211,99,.35);
  background:rgba(42,0,0,.86);
  box-shadow:0 14px 34px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}
.copa-wallet-box:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.08) 0 3px,transparent 3px 13px);opacity:.45;pointer-events:none}.copa-wallet-box>*{position:relative;z-index:1}
.copa-wallet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.copa-user{display:flex;align-items:center;gap:8px;font-weight:900}.copa-alert{color:#fff;text-decoration:none;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px}.copa-alert b{color:#ffd267}
.copa-status-pill{width:max-content;margin:2px auto 2px;background:linear-gradient(#f4f4f4,#cfd1d0);color:#14210f;border-radius:999px;font-weight:900;font-size:13px;padding:4px 13px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.copa-balance{text-align:center;font-size:40px;line-height:1;color:#ffd267;font-weight:1000;text-shadow:0 4px 8px #000;margin:2px 0 6px}.copa-points{text-align:center;width:max-content;margin:0 auto 14px;background:rgba(255,255,255,.9);color:#59605f;border-radius:999px;font-size:13px;font-weight:900;padding:6px 15px}.copa-points b{color:#111}
.copa-primary-grid,.copa-big-grid,.copa-menu-panel,.copa-bottom-actions{display:grid;gap:10px}.copa-primary-grid{grid-template-columns:repeat(3,1fr);margin-bottom:10px}.copa-big-grid{grid-template-columns:repeat(2,1fr)}
.copa-primary-grid a,.copa-big-grid a,.copa-menu-panel a,.copa-bottom-actions a{
  text-decoration:none;color:#fff;border-radius:12px;border:1px solid rgba(255,211,99,.5);
  background:linear-gradient(180deg,#ff1919,#bd0000 62%,#6d0000);
  box-shadow:0 8px 18px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.22);
  display:flex;align-items:center;justify-content:center;gap:8px;font-weight:1000;text-shadow:0 2px 2px #000;
}
.copa-primary-grid a{height:52px}.copa-big-grid a{height:82px;flex-direction:column;font-size:22px}.copa-big-grid span{font-size:26px}
.copa-menu-panel{grid-template-columns:repeat(4,1fr);background:rgba(36,0,0,.88);border:1px solid rgba(255,211,99,.24);border-radius:15px;padding:14px;margin-bottom:12px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.copa-menu-panel a{min-height:76px;flex-direction:column;font-size:14px}.copa-menu-panel img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 3px 5px #000)}.copa-menu-panel span{font-size:24px}
.copa-bottom-actions{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.copa-bottom-actions a{height:46px}.copa-bottom-actions a:nth-child(3){grid-column:1/3}
.copa-games-preview{background:rgba(34,0,0,.9);border-radius:15px;border:1px solid rgba(255,211,99,.22);padding:14px;box-shadow:0 12px 28px rgba(0,0,0,.44)}.copa-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.copa-section-title h2{margin:0;color:#fff}.copa-section-title a{color:#ffd267;text-decoration:none;font-weight:900}.copa-game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.copa-game-grid a{position:relative;display:block;min-height:112px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,211,99,.55);background:#200000;box-shadow:0 9px 20px rgba(0,0,0,.5)}.copa-game-grid img{width:100%;height:100%;min-height:112px;object-fit:cover;display:block}.copa-game-grid b{position:absolute;left:10px;bottom:8px;right:10px;color:#fff;font-size:19px;text-shadow:0 2px 4px #000}
.copa-member-footer{text-align:center;color:#fff;margin:24px 0 0;padding:18px;background:rgba(0,0,0,.65);border-radius:10px}.copa-member-footer b{color:#ffd267}
@media(max-width:700px){
 .copa-member-page{width:100%;padding:0 8px 82px}.copa-member-top{margin:0 -8px;height:78px}.copa-member-logo img{height:48px}.copa-member-top-actions{right:8px}.copa-member-top-actions a span,.copa-member-top-actions small{display:none}.copa-member-banner{margin:0 -8px 10px}.copa-member-banner>img{max-height:170px}.copa-primary-grid{grid-template-columns:1fr}.copa-big-grid{grid-template-columns:1fr 1fr}.copa-menu-panel{grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.copa-menu-panel a{min-height:70px;font-size:12px}.copa-bottom-actions{grid-template-columns:1fr}.copa-bottom-actions a:nth-child(3){grid-column:auto}.copa-game-grid{grid-template-columns:repeat(2,1fr);gap:8px}.copa-balance{font-size:36px}
}
@media(max-width:380px){.copa-menu-panel{grid-template-columns:repeat(2,1fr)}.copa-big-grid{grid-template-columns:1fr}.copa-game-grid{grid-template-columns:1fr}}

/* =========================================================
   COPA928 GAME DASHBOARD - final member/game page layout
   จัดหน้าเกมหลังเข้าสู่ระบบให้เหมือน COPA928 ตามตัวอย่าง
   ========================================================= */
.copa928-game-dashboard{
  width:min(720px,100%)!important;
  padding:0 14px 112px!important;
  background:
    radial-gradient(circle at 12% 32%,rgba(255,0,0,.55) 0 10px,transparent 13px),
    radial-gradient(circle at 92% 55%,rgba(255,80,30,.42) 0 14px,transparent 18px),
    radial-gradient(circle at 18% 78%,rgba(255,30,0,.38) 0 12px,transparent 16px),
    linear-gradient(180deg,#120000 0%,#530000 36%,#1a0000 100%)!important;
}
.copa928-game-dashboard:after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.7;
  background:
    radial-gradient(circle at 16% 72%,rgba(255,30,0,.45) 0 4px,transparent 6px),
    radial-gradient(circle at 78% 30%,rgba(255,0,0,.34) 0 6px,transparent 9px),
    repeating-radial-gradient(circle at 25% 55%,rgba(255,90,0,.16) 0 1px,transparent 1px 42px);
}
.copa928-game-dashboard>*{position:relative;z-index:1}
.copa928-member-header{height:78px!important;margin:0 -14px!important;background:linear-gradient(180deg,#ff0b0b,#a60000 70%,#050000)!important;border-bottom:2px solid rgba(255,204,74,.35)!important}
.copa928-member-header .copa-member-logo img{height:58px!important;max-width:190px!important}
.copa928-hero-banner{margin:0 -14px;background:#080000;overflow:hidden;border-bottom:1px solid rgba(255,204,74,.35)}
.copa928-hero-banner img{width:100%;display:block;max-height:255px;object-fit:cover;object-position:center}
.copa928-game-dashboard .copa-member-news{margin:0 -14px 0!important;height:32px!important;background:rgba(0,0,0,.88)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.copa928-quick-card{background:#300000;border-radius:0 0 10px 10px;margin:0 0 10px;padding:14px 18px;border-top:4px solid #e40000;box-shadow:0 12px 30px rgba(0,0,0,.55)}
.copa928-user-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.copa928-user-row .copa-alert{background:#210000;border-color:#ff3838}
.copa928-balance-line{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:6px;background:rgba(0,0,0,.35);border-radius:12px;padding:8px 12px;margin-bottom:14px}.copa928-balance-line div{display:flex;flex-direction:column;color:#fff}.copa928-balance-line small{font-size:12px;opacity:.9}.copa928-balance-line strong{font-size:19px;color:#ffd05c;line-height:1.1}.copa928-balance-line div:not(:first-child){text-align:right}
.copa928-top-function-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;justify-content:center}.copa928-top-function-grid a{min-height:78px;border-radius:10px;text-decoration:none;color:#fff;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:linear-gradient(180deg,#ff2020,#cf0000 60%,#750000);box-shadow:0 8px 20px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.25);border:1px solid rgba(255,210,78,.38);text-shadow:0 2px 3px #000}.copa928-top-function-grid img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 4px #000)}.copa928-top-function-grid span{font-size:26px;line-height:1}
.copa928-games-box{background:#430000;border-radius:0 0 13px 13px;box-shadow:0 14px 38px rgba(0,0,0,.58);border:1px solid rgba(255,74,74,.25);overflow:hidden;margin:12px 0 24px}.copa928-games-head{display:flex;align-items:center;justify-content:space-between;background:#4b0000;padding:14px 18px}.copa928-games-head h2{margin:0;color:#fff;font-size:24px}.copa928-games-head form{display:flex;width:min(280px,48%)}.copa928-games-head input{height:34px;border:0;border-radius:0;padding:0 12px;width:100%;font-family:inherit}.copa928-games-head button{width:44px;border:0;background:#eee}.copa928-games-tabs{background:#d60000;color:#fff;font-weight:900;padding:11px 18px}.copa928-game-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px 14px 18px}.copa928-game-tile-grid a{position:relative;display:block;aspect-ratio:1.72/1;border-radius:3px;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#890000,#ff1616);border:1px solid rgba(255,214,88,.55);box-shadow:0 8px 20px rgba(0,0,0,.6)}.copa928-game-tile-grid a:before{display:none!important}.copa928-game-tile-grid img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.08)}.copa928-game-tile-grid b{position:absolute;left:10px;bottom:8px;z-index:2;color:#fff;font-size:24px;line-height:1;font-weight:1000;text-shadow:0 3px 3px #000,0 0 8px #000}.copa928-mobile-bottom-nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:50;width:min(520px,calc(100% - 28px));height:64px;background:linear-gradient(180deg,#ff1616,#b60000);border-radius:15px;display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:center;box-shadow:0 10px 32px rgba(0,0,0,.75);border:1px solid rgba(255,210,64,.45)}.copa928-mobile-bottom-nav a{color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;flex-direction:column;font-weight:800;font-size:12px}.copa928-mobile-bottom-nav a span{font-size:20px}.copa928-mobile-bottom-nav .home{width:74px;height:74px;border-radius:50%;background:linear-gradient(180deg,#ff1c1c,#c40000);transform:translateY(-18px);box-shadow:0 8px 18px rgba(0,0,0,.55);border:5px solid rgba(255,255,255,.2)}.copa928-mobile-bottom-nav .home span{font-size:34px}.copa928-game-dashboard .copa-member-footer{margin-bottom:12px;background:rgba(0,0,0,.7)!important;border-radius:0!important}
@media(max-width:700px){.copa928-game-dashboard{padding:0 0 110px!important}.copa928-member-header{margin:0!important;height:58px!important}.copa928-member-header .copa-member-logo img{height:42px!important}.copa928-member-header .copa-member-top-actions{right:8px}.copa928-member-header .copa-member-top-actions a span,.copa928-member-header .copa-member-top-actions small{display:none}.copa928-hero-banner{margin:0}.copa928-hero-banner img{max-height:160px}.copa928-game-dashboard .copa-member-news{margin:0!important}.copa928-quick-card{border-radius:0;margin:0;padding:12px}.copa928-top-function-grid{grid-template-columns:repeat(3,1fr);gap:8px}.copa928-top-function-grid a{min-height:68px;font-size:12px}.copa928-balance-line{grid-template-columns:1fr 1fr}.copa928-balance-line div:first-child{grid-column:1/3}.copa928-balance-line div:not(:first-child){text-align:left}.copa928-games-box{border-radius:0;margin-top:8px}.copa928-games-head{padding:12px}.copa928-games-head form{width:48%}.copa928-game-tile-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 10px}.copa928-game-tile-grid b{font-size:20px;left:7px;bottom:7px}.copa928-mobile-bottom-nav{display:grid}.copa928-game-dashboard .copa-member-footer{display:none}}
@media(max-width:430px){.copa928-game-tile-grid{grid-template-columns:repeat(2,1fr)}.copa928-game-tile-grid b{font-size:21px}.copa928-games-head{display:block}.copa928-games-head form{width:100%;margin-top:8px}.copa928-top-function-grid{grid-template-columns:repeat(3,1fr)}}


/* ===== COPA928 public guest homepage ===== */
body.guest-mode{background:#4a0000!important;color:#fff!important;font-family:'Kanit',sans-serif!important;}
body.guest-mode:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,0,0,.26),transparent 38%),linear-gradient(90deg,#220000 0,#630000 24%,#360000 50%,#630000 76%,#220000 100%);z-index:-2;}
body.guest-mode .topbar,body.guest-mode .pansook-home,body.guest-mode .ez-home-page,body.guest-mode .goddubai-home-page{display:none!important}
.copa928-guest-home{min-height:100vh;color:#fff;background:linear-gradient(90deg,#360000,#590000 22%,#320000 50%,#590000 78%,#360000);}
.copa928-public-topbar{height:74px;background:linear-gradient(180deg,#e00000,#7a0000 72%,#070000);border-top:2px solid #ff2121;position:sticky;top:0;z-index:50;box-shadow:0 8px 20px rgba(0,0,0,.45)}
.copa928-public-inner{max-width:980px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px}.copa928-public-logo img{height:48px;object-fit:contain}.copa928-public-nav{display:flex;gap:28px}.copa928-public-nav a{color:#fff;text-decoration:none;font-weight:800}.copa928-public-actions{display:flex;gap:8px}.copa928-public-actions a{color:#fff;text-decoration:none;font-weight:900;border-radius:999px;padding:10px 22px;box-shadow:inset 0 1px rgba(255,255,255,.25),0 4px 12px rgba(0,0,0,.35)}.btn-signup{background:linear-gradient(#111,#030303);border:1px solid #444}.btn-login{background:linear-gradient(#ff1d1d,#d10000)}
.copa928-install-bar{height:58px;background:rgba(0,0,0,.82);display:flex;align-items:center;max-width:980px;margin:0 auto;padding:0 20px;gap:8px}.copa928-install-bar b{font-size:20px}.copa928-install-bar small{display:block;color:#ddd;font-size:14px}.copa928-install-bar em{margin-left:auto;background:#fff;color:#111;border-radius:999px;padding:6px 16px;font-style:normal;font-weight:900}.close-dot{width:18px;height:18px;border-radius:50%;background:#777;text-align:center;line-height:18px}
.copa928-public-wrap{max-width:980px;margin:0 auto;background:#420000;min-height:100vh;padding:14px 14px 50px}.copa928-slider-card{height:500px;border-radius:12px;overflow:hidden;background:#111;position:relative}.copa928-slider-track{display:flex;width:300%;height:100%;animation:copaSlide 16s infinite}.copa928-slider-track img{width:33.333%;height:100%;object-fit:cover}.copa928-dots{position:absolute;bottom:14px;left:0;right:0;text-align:center}.copa928-dots i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#fff;margin:0 4px}.copa928-dots i:first-child{width:32px;border-radius:999px;background:#ff1f38}@keyframes copaSlide{0%,28%{transform:translateX(0)}35%,62%{transform:translateX(-33.333%)}70%,95%{transform:translateX(-66.666%)}}
.copa928-icon-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:16px auto 42px;max-width:780px}.copa928-icon-menu a{width:112px;height:90px;background:linear-gradient(#d00000,#8b0000);border:1px solid rgba(255,255,255,.22);border-radius:10px;color:#fff;text-decoration:none;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 0 18px rgba(255,0,0,.35)}.copa928-icon-menu img{height:34px;object-fit:contain}.copa928-icon-menu .special{width:190px;align-items:flex-start;padding-left:26px;background:linear-gradient(#c90000,#7d0000)}.copa928-icon-menu .special b{font-size:22px;color:#fff}.copa928-icon-menu .special small{font-size:15px;color:#fff}
.copa928-section-intro{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:15px}.copa928-section-intro a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.7);border-radius:999px;padding:7px 16px}.copa928-tabs{display:flex;gap:34px;align-items:center;margin-bottom:12px}.copa928-tabs b{background:#ff1616;border-radius:999px;padding:12px 22px}.copa928-tabs span{font-weight:800}.copa928-game-mosaic{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.copa928-game-mosaic a{display:block;position:relative;overflow:hidden;border-radius:8px;border:2px solid rgba(255,222,124,.65);box-shadow:0 5px 14px rgba(0,0,0,.45);min-height:105px;background:#160000}.copa928-game-mosaic a.wide{grid-column:span 2;grid-row:span 2}.copa928-game-mosaic img{width:100%;height:100%;object-fit:cover;display:block}.copa928-game-mosaic strong{position:absolute;left:8px;bottom:8px;color:#fff;text-shadow:0 2px 5px #000;font-weight:900}
.copa928-info-grid{margin-top:48px}.copa928-info-grid h2,.copa928-partners h2{font-size:20px;margin-bottom:16px}.info-layout{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.6fr;gap:12px}.info-layout article{background:#252541;border-radius:9px;padding:16px;min-height:110px;overflow:hidden}.info-layout article img{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:8px}.info-layout .tall{grid-row:span 2}.info-layout .wide{grid-column:span 2}.info-layout .banner{grid-column:span 2}.info-layout h3,.info-layout b{font-size:18px;font-weight:900}.info-layout p{color:#ddd;line-height:1.55;margin-top:8px}.copa928-partners{margin-top:42px}.copa928-partners div{display:grid;grid-template-columns:repeat(10,1fr);gap:8px}.copa928-partners span{background:#260000;border-radius:7px;min-height:58px;display:grid;place-items:center;color:#ffd65a;font-weight:900;font-size:18px}.copa928-public-footer{display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:center;margin-top:44px;border-top:1px solid rgba(255,255,255,.12);padding:26px 6px 60px}.copa928-public-footer img{max-width:180px}.copa928-public-footer p{line-height:1.6;color:#ddd}.copa928-public-footer nav{display:flex;gap:20px}.copa928-public-footer a{color:#fff;text-decoration:none}
@media(max-width:820px){.copa928-public-topbar{height:64px}.copa928-public-inner{padding:0 10px}.copa928-public-logo img{height:38px}.copa928-public-nav{display:none}.copa928-public-actions a{padding:9px 12px;font-size:13px}.copa928-install-bar{height:50px;font-size:13px}.copa928-install-bar b{font-size:16px}.copa928-install-bar em{font-size:11px;padding:5px 10px}.copa928-public-wrap{padding:9px;max-width:100%;}.copa928-slider-card{height:285px;border-radius:8px}.copa928-icon-menu{gap:8px;margin:12px 0 30px}.copa928-icon-menu a{width:88px;height:78px;font-size:13px}.copa928-icon-menu img{height:28px}.copa928-icon-menu .special{width:170px}.copa928-section-intro{display:block}.copa928-section-intro a{display:inline-block;margin-top:8px}.copa928-tabs{gap:14px;font-size:14px;overflow:auto}.copa928-game-mosaic{grid-template-columns:repeat(2,1fr);gap:10px}.copa928-game-mosaic a,.copa928-game-mosaic a.wide{grid-column:auto;grid-row:auto;min-height:105px}.info-layout{grid-template-columns:1fr}.info-layout .wide,.info-layout .banner,.info-layout .tall{grid-column:auto;grid-row:auto}.copa928-partners div{grid-template-columns:repeat(3,1fr)}.copa928-public-footer{grid-template-columns:1fr;text-align:center}.copa928-public-footer img{margin:auto}.copa928-public-footer nav{justify-content:center}}

/* fix duplicate topbar on guest COPA928 */
body.guest-mode .ruay-topbar:first-of-type{display:none!important;}


/* ===== WITHDRAW PAGE MOBILE RESPONSIVE FIX ===== */
.finance-page .span5{grid-column:span 5;min-width:0}
.finance-page .span7{grid-column:span 7;min-width:0}
.finance-page .input,.finance-page select,.finance-page textarea{width:100%;max-width:100%;box-sizing:border-box}
.finance-page .bank-box{overflow-wrap:anywhere;word-break:break-word}
.finance-page .table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media (max-width:700px){
  body.withdraw-mobile-page{overflow-x:hidden;padding-bottom:0!important}
  body.withdraw-mobile-page .ruay-topbar{position:sticky;top:0;z-index:90;max-width:100vw;overflow:hidden}
  body.withdraw-mobile-page .ruay-top-inner{width:100%;max-width:100%;padding:6px 8px;gap:8px;box-sizing:border-box}
  body.withdraw-mobile-page .ruay-brand{min-width:auto;flex:0 0 auto}
  body.withdraw-mobile-page .ruay-brand b,body.withdraw-mobile-page .ruay-jackpot{display:none!important}
  body.withdraw-mobile-page .ruay-userbar{min-width:0;flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body.withdraw-mobile-page .ruay-userbar::-webkit-scrollbar{display:none}
  body.withdraw-mobile-page .ruay-userbar>a,body.withdraw-mobile-page .ruay-userbar>button{flex:0 0 auto;min-width:48px;height:42px;padding:7px 10px;font-size:12px;white-space:nowrap}
  body.withdraw-mobile-page .ruay-home{min-width:76px!important}
  body.withdraw-mobile-page .ruay-profile span,body.withdraw-mobile-page .ruay-lang span{display:none}

  body.withdraw-mobile-page .finance-page{width:100%!important;max-width:100%!important;margin:0!important;padding:14px 12px 34px!important;box-sizing:border-box}
  body.withdraw-mobile-page .finance-page .finance-hero{display:block!important;margin:0 0 14px!important;padding:20px 18px!important;border-radius:20px!important;min-height:0!important}
  body.withdraw-mobile-page .finance-page .finance-hero h1{font-size:34px!important;line-height:1.15!important;margin:0 0 10px!important}
  body.withdraw-mobile-page .finance-page .finance-hero p{font-size:16px!important;line-height:1.55!important;margin:0 0 16px!important;max-width:none!important}
  body.withdraw-mobile-page .finance-page .finance-hero b{display:block;font-size:30px!important;line-height:1.2!important}

  body.withdraw-mobile-page .finance-page>.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important}
  body.withdraw-mobile-page .finance-page .span5,
  body.withdraw-mobile-page .finance-page .span7{grid-column:1/-1!important;width:100%!important;min-width:0!important}
  body.withdraw-mobile-page .finance-page .card{width:100%!important;max-width:100%!important;margin:0!important;padding:18px 16px!important;border-radius:20px!important;box-sizing:border-box!important;overflow:hidden!important}
  body.withdraw-mobile-page .finance-page .card h2{font-size:28px!important;line-height:1.25!important;margin-bottom:14px!important}
  body.withdraw-mobile-page .finance-page .bank-box{padding:16px!important;border-radius:16px!important;font-size:18px!important;line-height:1.55!important;margin-bottom:16px!important}
  body.withdraw-mobile-page .finance-page .bank-box b{display:inline-block;font-size:27px!important;line-height:1.25!important;margin:3px 0!important;max-width:100%;overflow-wrap:anywhere}
  body.withdraw-mobile-page .finance-page .field{margin-bottom:14px!important;min-width:0!important}
  body.withdraw-mobile-page .finance-page .field label{display:block;font-size:18px!important;margin-bottom:8px!important}
  body.withdraw-mobile-page .finance-page .input{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:52px!important;padding:0 14px!important;font-size:18px!important;border-radius:14px!important;box-sizing:border-box!important}
  body.withdraw-mobile-page .finance-page .big-btn{display:flex!important;width:100%!important;min-height:52px!important;justify-content:center!important;align-items:center!important;font-size:18px!important;border-radius:14px!important;box-sizing:border-box!important}
  body.withdraw-mobile-page .finance-page .muted{font-size:14px!important;line-height:1.5!important}
  body.withdraw-mobile-page .finance-page .table{min-width:520px!important;font-size:14px!important}
  body.withdraw-mobile-page .finance-page .table th,
  body.withdraw-mobile-page .finance-page .table td{padding:10px 9px!important;white-space:nowrap}
  body.withdraw-mobile-page .finance-page~.copy{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;padding:18px 10px calc(18px + env(safe-area-inset-bottom))!important}
}

@media (max-width:380px){
  body.withdraw-mobile-page .finance-page{padding-left:9px!important;padding-right:9px!important}
  body.withdraw-mobile-page .finance-page .finance-hero h1{font-size:30px!important}
  body.withdraw-mobile-page .finance-page .card h2{font-size:25px!important}
  body.withdraw-mobile-page .finance-page .bank-box b{font-size:23px!important}
}

/* ===== MOBILE DRAWER FIT / SCROLL FIX ===== */
.ruay-mobile-menu-close{display:none}
@media (max-width:760px){
  body.show-mobile-menu{overflow:hidden!important;touch-action:none}
  .mobile-scrim{background:rgba(0,0,0,.68)!important;backdrop-filter:blur(2px);z-index:108!important}
  .ruay-mobile-menu{
    display:none;
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + 58px)!important;
    right:8px!important;
    bottom:calc(env(safe-area-inset-bottom) + 8px)!important;
    left:auto!important;
    width:min(340px,calc(100vw - 16px))!important;
    max-height:none!important;
    min-width:0!important;
    padding:0 0 calc(8px + env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    border-radius:18px!important;
    z-index:109!important;
    box-sizing:border-box!important;
    scrollbar-width:thin;
  }
  .show-mobile-menu .ruay-mobile-menu{display:block!important}
  .ruay-mobile-menu-close{
    display:flex!important;
    position:sticky;
    top:0;
    z-index:3;
    width:100%;
    min-height:46px;
    align-items:center;
    justify-content:center;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg,#e60000,#850000)!important;
    color:#fff;
    font:900 15px/1 "Kanit",sans-serif;
    cursor:pointer;
  }
  .ruay-mobile-menu a{
    min-height:48px!important;
    padding:9px 14px!important;
    gap:9px!important;
    font-size:15px!important;
    line-height:1.25!important;
    box-sizing:border-box!important;
  }
  .ruay-mobile-menu a span{
    width:24px!important;
    min-width:24px!important;
    display:grid!important;
    place-items:center!important;
    font-size:19px!important;
  }
  .ruay-mobile-menu .fn-icon{width:21px!important;height:21px!important}
  .ruay-mobile-menu em{margin-left:auto}
}
@media (max-width:380px){
  .ruay-mobile-menu{
    top:calc(env(safe-area-inset-top) + 54px)!important;
    right:5px!important;
    bottom:calc(env(safe-area-inset-bottom) + 5px)!important;
    width:calc(100vw - 10px)!important;
  }
  .ruay-mobile-menu a{min-height:44px!important;padding:8px 12px!important;font-size:14px!important}
}

/* =========================================================
   COPA928 provider catalog layout
   หน้าค่ายเกมแบบตารางแนวตั้ง พร้อมแถบเกมแนะนำ
   ========================================================= */
.casino-category-page{
  max-width:980px!important;
  padding-left:12px!important;
  padding-right:12px!important;
  background:rgba(20,0,0,.82)!important;
}
.casino-category-page .casino-category-head.single{
  max-width:860px;
  margin:0 auto 12px!important;
  background:rgba(0,0,0,.48)!important;
  border-color:rgba(255,255,255,.18)!important;
}
.copa-provider-showcase{
  max-width:860px;
  margin:0 auto 14px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(255,255,255,.28);
}
.copa-provider-showcase h2{
  margin:0 0 10px;
  color:#fff;
  text-align:center;
  font-size:24px;
  font-weight:900;
  text-shadow:0 3px 10px #000;
}
.copa-provider-featured-track{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding:2px 0 8px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.copa-provider-featured-card{
  flex:0 0 92px;
  height:108px;
  position:relative;
  overflow:hidden;
  border:1px solid #d5a72e;
  border-radius:9px;
  background:#090909;
  box-shadow:0 8px 18px rgba(0,0,0,.35);
  scroll-snap-align:start;
}
.copa-provider-featured-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.copa-provider-featured-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.88));
}
.copa-provider-featured-card span{
  position:absolute;
  z-index:2;
  left:5px;
  right:5px;
  bottom:5px;
  color:#fff;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.copa-provider-grid{
  max-width:860px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  align-items:start;
}
.copa-provider-tile{
  min-width:0;
  height:176px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  text-decoration:none!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.56);
  border-radius:11px;
  background:linear-gradient(180deg,#131313,#040404);
  box-shadow:0 8px 20px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,185,43,.12);
  transition:.18s ease;
}
.copa-provider-tile:hover{
  transform:translateY(-2px);
  border-color:#e8bd44;
  box-shadow:0 12px 28px rgba(0,0,0,.46),0 0 18px rgba(235,47,47,.2);
}
.copa-provider-tile>span{
  flex:0 0 25px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2px 5px;
  background:linear-gradient(180deg,#191919,#0a0a0a);
  border-bottom:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:12px;
  line-height:1.05;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.copa-provider-logo-box{
  flex:1;
  min-height:0;
  position:relative;
  display:grid;
  place-items:center;
  padding:10px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 45%,rgba(121,0,0,.34),transparent 48%),
    linear-gradient(180deg,#0b0b0b,#050505);
}
.copa-provider-logo-box:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:42%;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.84));
  pointer-events:none;
}
.copa-provider-logo-box img{
  width:100%;
  height:100%;
  max-height:126px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 7px 9px rgba(0,0,0,.65));
}
.copa-provider-logo-box b{
  position:absolute;
  z-index:2;
  left:7px;
  right:7px;
  bottom:7px;
  display:block;
  font-size:13px;
  line-height:1.05;
  color:#fff;
  text-align:center;
  text-shadow:0 2px 5px #000;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.copa-provider-special{
  position:relative;
  justify-content:flex-start;
}
.copa-provider-special strong{
  flex:1;
  display:grid;
  place-items:center;
  text-align:center;
  font-size:28px;
  line-height:.9;
  font-weight:1000;
  letter-spacing:-1px;
  text-shadow:0 4px 12px rgba(0,0,0,.7);
}
.copa-provider-special.popular strong{color:#fff200;background:radial-gradient(circle,#79ff4f 0,#1ec9e4 43%,#6b00a7 100%)}
.copa-provider-special.bigwin strong{color:#fff9ad;background:radial-gradient(circle,#ff44db 0,#8a15ff 42%,#43007a 100%)}
.copa-provider-special.newgame strong{color:#fff000;background:radial-gradient(circle,#ff4aa8 0,#ff7200 47%,#5e0018 100%)}
.copa-provider-special.hotgame strong{color:#ffd31b;background:radial-gradient(circle,#ff782e 0,#e92000 45%,#4b0000 100%)}

@media(max-width:980px){
  .copa-provider-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:760px){
  .casino-category-page{padding-left:8px!important;padding-right:8px!important}
  .copa-provider-showcase h2{font-size:20px}
  .copa-provider-featured-card{flex-basis:78px;height:94px}
  .copa-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .copa-provider-tile{height:154px;border-radius:9px}
  .copa-provider-tile>span{font-size:10px;height:23px;flex-basis:23px}
  .copa-provider-logo-box{padding:7px}
  .copa-provider-logo-box img{max-height:108px}
  .copa-provider-logo-box b{font-size:11px;bottom:6px}
  .copa-provider-special strong{font-size:22px}
}
@media(max-width:430px){
  .copa-provider-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .copa-provider-tile{height:139px;border-radius:8px}
  .copa-provider-tile>span{font-size:9px;padding:2px 3px}
  .copa-provider-logo-box{padding:5px}
  .copa-provider-logo-box img{max-height:94px}
  .copa-provider-logo-box b{font-size:10px;left:4px;right:4px;bottom:5px}
  .copa-provider-special strong{font-size:18px}
}

/* Remove white category captions from game tiles */
.copa928-game-tile-grid b{display:none!important}