:root{--bg:#0a0a0a;--bg2:#111;--bg3:#1a1a1a;--red:#e50914;--red2:#b81213;--red3:#ff1a24;--gold:#f5c518;--text:#fff;--text2:#b3b3b3;--text3:#555;--glow:rgba(229, 9, 20, 0.35)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Kanit,sans-serif;min-height:100vh;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.35}.th-fire{background:rgba(229,57,53,.13);color:#ef5350}.th-magic{background:rgba(156,39,176,.13);color:#ce93d8}.th-skull{background:rgba(229,9,20,.13);color:var(--red)}.th-heart{background:rgba(233,30,99,.13);color:#f06292}.th-star{background:rgba(245,197,24,.13);color:var(--gold)}.th-bolt{background:rgba(255,152,0,.13);color:#ffa726}.th-default{background:rgba(255,255,255,.06);color:var(--text2)}.th-ocean{background:rgba(33,150,243,.13);color:#42a5f5}.th-emerald{background:rgba(0,188,140,.13);color:#1de9b6}.th-lavender{background:rgba(149,117,205,.13);color:#b39ddb}.th-silver{background:rgba(200,200,220,.1);color:#cfd8dc}.th-rose{background:rgba(236,64,122,.13);color:#f48fb1}.th-amber{background:rgba(255,143,0,.13);color:#ffcc02}.th-gold-amber{background:linear-gradient(135deg,rgba(245,197,24,.55) 0,rgba(255,120,0,.55) 100%);color:#ffd740;border:1px solid rgba(255,200,50,.3);box-shadow:inset 0 1px 0 rgba(255,220,80,.15)}.th-emerald-teal{background:linear-gradient(135deg,rgba(0,200,100,.5) 0,rgba(0,230,200,.5) 100%);color:#69ffda;border:1px solid rgba(80,255,200,.3);box-shadow:inset 0 1px 0 rgba(100,255,210,.15)}.th-rose-heart{background:linear-gradient(135deg,rgba(255,60,100,.5) 0,rgba(220,20,80,.5) 100%);color:#ff80ab;border:1px solid rgba(255,100,140,.3);box-shadow:inset 0 1px 0 rgba(255,120,160,.15)}.th-ocean-lavender{background:linear-gradient(135deg,rgba(30,140,255,.5) 0,rgba(140,90,220,.5) 100%);color:#90caff;border:1px solid rgba(100,160,255,.3);box-shadow:inset 0 1px 0 rgba(130,180,255,.15)}.th-fire-amber{background:linear-gradient(135deg,rgba(230,50,40,.55) 0,rgba(255,140,0,.55) 100%);color:#ff7043;border:1px solid rgba(255,100,50,.3);box-shadow:inset 0 1px 0 rgba(255,130,80,.15)}.th-magic-lavender{background:linear-gradient(135deg,rgba(160,30,190,.55) 0,rgba(140,100,220,.55) 100%);color:#e040fb;border:1px solid rgba(200,100,240,.3);box-shadow:inset 0 1px 0 rgba(210,130,255,.15)}.th-bolt-gold{background:linear-gradient(135deg,rgba(255,140,0,.55) 0,rgba(240,200,0,.55) 100%);color:#ffcc02;border:1px solid rgba(255,200,50,.3);box-shadow:inset 0 1px 0 rgba(255,220,80,.15)}.th-ocean-emerald{background:linear-gradient(135deg,rgba(20,140,255,.5) 0,rgba(0,200,160,.5) 100%);color:#40c4ff;border:1px solid rgba(60,200,220,.3);box-shadow:inset 0 1px 0 rgba(80,220,240,.15)}.hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 36px;position:fixed;top:0;left:0;right:0;z-index:200;background:linear-gradient(180deg,rgba(0,0,0,.96) 0,transparent 100%);border-bottom:1px solid rgba(229,9,20,.12)}.logo{display:flex;align-items:center;cursor:pointer;text-decoration:none;user-select:none}.logo-wordmark{display:flex;flex-direction:column;line-height:1;gap:1px;border-left:3.5px solid #e50914;padding-left:14px}.logo-main{font-family:Kanit,sans-serif;font-weight:900;font-size:1.75rem;letter-spacing:-.5px;line-height:1}.logo-sub{font-family:Kanit,sans-serif;font-weight:300;font-size:.58rem;color:var(--text2);letter-spacing:3.5px;padding-left:1px}.logo:hover .logo-main{text-shadow:0 0 30px rgba(229,9,20,.9),0 0 60px rgba(229,9,20,.4),0 2px 4px rgba(0,0,0,.8)}.logo-ico{display:none}.logo-txt{display:none}.hdr-r{display:flex;align-items:center;gap:11px}.credit-pill{display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#1a0505,#2d0808);border:1px solid var(--red2);border-radius:30px;padding:7px 16px;cursor:pointer;transition:.2s;box-shadow:0 0 18px rgba(229,9,20,.12)}.credit-pill:hover{border-color:var(--red);box-shadow:0 0 24px var(--glow)}.credit-pill .amt{color:var(--gold);font-weight:700;font-size:.95rem}.credit-pill .lbl{color:var(--text2);font-size:.75rem}.btn-topup{background:var(--red);color:#fff;border:none;padding:8px 17px;border-radius:6px;font-family:Kanit,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.btn-topup:hover{background:var(--red3);transform:translateY(-1px);box-shadow:0 4px 18px var(--glow)}.btn-ghost{background:0 0;color:var(--text2);border:1px solid #333;padding:8px 13px;border-radius:6px;font-family:Kanit,sans-serif;font-size:.9rem;cursor:pointer;transition:.9s;display:flex;align-items:center;gap:6px}.btn-ghost:hover{border-color:var(--text2);color:#fff}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:80px 20px 120px;position:relative}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 40%,rgba(229,9,20,.07) 0,transparent 70%),radial-gradient(ellipse 40% 35% at 15% 85%,rgba(229,9,20,.04) 0,transparent 60%)}.big-title{font-family:Kanit,sans-serif;font-weight:900;font-size:clamp(2.8rem, 8vw, 6rem);letter-spacing:4px;text-align:center;line-height:.88;position:relative;z-index:1}.big-title .r{color:var(--red);text-shadow:0 0 50px var(--glow),0 0 100px rgba(229,9,20,.2)}.hero-sub{color:var(--text2);font-size:.95rem;font-weight:300;letter-spacing:1px;margin:14px 0 32px;position:relative;z-index:1;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.hero-sub .chip{display:flex;align-items:center;gap:5px}.hero-sub .sep{color:var(--red);opacity:.4}.sec-label{font-family:Kanit,sans-serif;font-weight:800;font-size:1.3rem;letter-spacing:5px;color:var(--text2);text-align:center;margin-bottom:28px;position:relative;z-index:1}.sec-label::after{content:"";display:block;width:50px;height:2px;background:var(--red);margin:8px auto 0}.deck-grid{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;position:relative;z-index:1;max-width:900px}.deck-card{background:linear-gradient(160deg,#191919 0,#101010 100%);border:1px solid #222;border-radius:18px;padding:20px 14px 16px;min-width:130px;max-width:155px;flex:1;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.4)}.deck-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);opacity:0;transition:opacity .4s}.deck-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(229,9,20,.03),transparent);opacity:0;transition:opacity .4s;pointer-events:none}.deck-card:hover{border-color:rgba(229,9,20,.45);transform:translateY(-7px) scale(1.025);box-shadow:0 24px 60px rgba(0,0,0,.7),0 0 0 1px rgba(229,9,20,.15),0 0 40px rgba(229,9,20,.1);background:linear-gradient(160deg,#1d0d0d 0,#120505 100%)}.deck-card:hover::before{opacity:1}.deck-card:hover::after{opacity:1}.deck-card.sel{border-color:var(--red);background:linear-gradient(160deg,#1e0808 0,#110404 100%);box-shadow:0 0 0 1px rgba(229,9,20,.35),0 16px 48px rgba(229,9,20,.18),inset 0 1px 0 rgba(255,255,255,.04)}.deck-card.sel::before{opacity:1}.deck-card.sel .d-sel-badge{display:flex}.d-sel-badge{display:none;position:absolute;top:10px;right:10px;width:20px;height:20px;background:var(--red);border-radius:50%;align-items:center;justify-content:center;font-size:.55rem;color:#fff;box-shadow:0 2px 10px rgba(229,9,20,.6);animation:popIn .25s cubic-bezier(.23,1,.32,1)}@keyframes popIn{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.d-ico-wrap{width:60px;height:60px;border-radius:16px;margin:0 auto 12px;font-size:1.35rem;display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s;position:relative;flex-shrink:0}.deck-card:hover .d-ico-wrap{transform:scale(1.15) translateY(-3px)}.th-fire{background:linear-gradient(135deg,rgba(229,57,53,.35),rgba(183,28,28,.2));color:#ff5252;border:1px solid rgba(255,82,82,.25)}.th-magic{background:linear-gradient(135deg,rgba(156,39,176,.35),rgba(106,27,154,.2));color:#e040fb;border:1px solid rgba(224,64,251,.25)}.th-skull{background:linear-gradient(135deg,rgba(229,9,20,.35),rgba(150,0,10,.2));color:#ff1744;border:1px solid rgba(255,23,68,.25)}.th-heart{background:linear-gradient(135deg,rgba(233,30,99,.35),rgba(173,20,87,.2));color:#ff4081;border:1px solid rgba(255,64,129,.25)}.th-star{background:linear-gradient(135deg,rgba(245,197,24,.35),rgba(198,145,0,.2));color:#ffd740;border:1px solid rgba(255,215,64,.25)}.th-bolt{background:linear-gradient(135deg,rgba(255,152,0,.35),rgba(230,81,0,.2));color:#ffab40;border:1px solid rgba(255,171,64,.25)}.th-ocean{background:linear-gradient(135deg,rgba(33,150,243,.35),rgba(13,71,161,.2));color:#40c4ff;border:1px solid rgba(64,196,255,.25)}.th-emerald{background:linear-gradient(135deg,rgba(0,188,140,.35),rgba(0,121,107,.2));color:#64ffda;border:1px solid rgba(100,255,218,.25)}.th-lavender{background:linear-gradient(135deg,rgba(149,117,205,.35),rgba(94,53,177,.2));color:#ce93d8;border:1px solid rgba(206,147,216,.25)}.th-silver{background:linear-gradient(135deg,rgba(176,190,197,.2),rgba(96,125,139,.15));color:#eceff1;border:1px solid rgba(236,239,241,.15)}.th-rose{background:linear-gradient(135deg,rgba(236,64,122,.35),rgba(173,20,87,.2));color:#ff80ab;border:1px solid rgba(255,128,171,.25)}.th-amber{background:linear-gradient(135deg,rgba(255,193,7,.35),rgba(255,111,0,.2));color:#ffe57f;border:1px solid rgba(255,229,127,.25)}.th-default{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));color:#cfd8dc;border:1px solid rgba(255,255,255,.1)}.th-fire-ocean{background:linear-gradient(135deg,rgba(229,57,53,.35),rgba(33,150,243,.3));color:#ff6e6e;border:1px solid rgba(255,110,110,.2)}.th-magic-heart{background:linear-gradient(135deg,rgba(156,39,176,.35),rgba(233,30,99,.3));color:#e040fb;border:1px solid rgba(224,64,251,.2)}.th-gold-red{background:linear-gradient(135deg,rgba(245,197,24,.35),rgba(229,9,20,.3));color:#ffd740;border:1px solid rgba(255,215,64,.2)}.th-ocean-emerald{background:linear-gradient(135deg,rgba(33,150,243,.35),rgba(0,188,140,.3));color:#40c4ff;border:1px solid rgba(64,196,255,.2)}.th-rose-magic{background:linear-gradient(135deg,rgba(236,64,122,.35),rgba(149,117,205,.3));color:#ff80ab;border:1px solid rgba(255,128,171,.2)}.th-bolt-emerald{background:linear-gradient(135deg,rgba(255,152,0,.35),rgba(0,188,140,.3));color:#ffab40;border:1px solid rgba(255,171,64,.2)}.th-skull-amber{background:linear-gradient(135deg,rgba(229,9,20,.35),rgba(255,143,0,.3));color:#ff5252;border:1px solid rgba(255,82,82,.2)}.th-lavender-rose{background:linear-gradient(135deg,rgba(149,117,205,.35),rgba(236,64,122,.3));color:#ce93d8;border:1px solid rgba(206,147,216,.2)}.d-name{font-weight:800;font-size:.92rem;margin-bottom:4px;letter-spacing:.3px;line-height:1.3;color:#f0f0f0}.d-cnt{color:var(--text3);font-size:.7rem;display:flex;align-items:center;gap:4px;justify-content:center;margin-top:3px}.d-desc{color:#444;font-size:.67rem;margin-top:5px;line-height:1.5;padding:0 2px}.d-cost{display:inline-flex;align-items:center;gap:5px;background:rgba(245,197,24,.06);border:1px solid rgba(245,197,24,.18);border-radius:20px;padding:3px 11px;font-size:.67rem;color:var(--gold);margin-top:10px;transition:background .3s,border-color .3s,box-shadow .3s;letter-spacing:.3px}.deck-card:hover .d-cost{background:rgba(245,197,24,.12);border-color:rgba(245,197,24,.38);box-shadow:0 0 12px rgba(245,197,24,.15)}.deck-section-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start;align-items:stretch}.deck-section-row .deck-card{min-width:130px;max-width:155px;flex:0 0 auto;min-height:200px;display:flex;flex-direction:column;align-items:center}@media (max-width:580px){.deck-section-row .deck-card{min-width:calc(50% - 7px);max-width:calc(50% - 7px);padding:16px 10px 13px}.d-ico-wrap{width:48px;height:48px;font-size:1.25rem;border-radius:12px}.d-name{font-size:.86rem}}.d-ico-wrap{width:52px;height:52px;border-radius:10px;margin:0 auto 8px;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.d-name{font-weight:700;font-size:.88rem;margin-bottom:2px}.d-cnt{color:var(--text2);font-size:.72rem;display:flex;align-items:center;gap:5px;justify-content:center;margin-top:2px}.d-desc{color:var(--text3);font-size:.68rem;margin-top:3px}.d-cost{display:inline-flex;align-items:center;gap:5px;background:rgba(245,197,24,.08);border:1px solid rgba(245,197,24,.25);border-radius:20px;padding:2px 9px;font-size:.68rem;color:var(--gold);margin-top:8px}.btn-play{background:var(--red);color:#fff;border:none;padding:16px 44px;font-family:Kanit,sans-serif;font-weight:700;font-size:1.2rem;cursor:pointer;margin:0 auto;letter-spacing:2px;transition:.25s;position:fixed;z-index:100;box-shadow:0 4px 28px var(--glow);display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100vw - 48px);max-width:400px;bottom:20px;left:0;right:0;border-radius:10px;pointer-events:none;opacity:.85}.btn-play:not(:disabled){pointer-events:auto;opacity:1}.btn-play:hover{background:var(--red3);transform:translateY(-2px);box-shadow:0 8px 40px var(--glow)}.btn-play:disabled{background:#2a2a2a;color:#555;cursor:not-allowed;box-shadow:none;transform:none;opacity:.5}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(80px);background:#1e1e1e;border:1px solid #333;border-radius:30px;padding:11px 22px;font-size:.88rem;z-index:1000;transition:transform .3s,opacity .3s;pointer-events:none;opacity:0;display:flex;align-items:center;gap:9px;cursor:pointer}.toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}.spk{position:fixed;pointer-events:none;z-index:9000;width:5px;height:5px;border-radius:50%;animation:spk-a .75s ease-out forwards}@keyframes spk-a{0%{transform:scale(1);opacity:1}100%{transform:scale(0) translate(var(--tx),var(--ty));opacity:0}}@media (max-width:580px){.hdr{padding:13px 16px}.big-title{font-size:3rem}}body,html{overflow-x:hidden;max-width:100%}.deck-grid-wrap{display:flex;flex-direction:column;align-items:stretch;gap:14px;max-width:960px;width:100%;position:relative;z-index:1;padding:0 20px;margin:0 auto}body.in-game{overflow:hidden;position:fixed;width:100%;height:100%}@media (max-width:580px){.deck-card{min-width:calc(50% - 8px);max-width:calc(50% - 8px);padding:14px 10px}.d-ico-wrap{width:42px;height:42px;font-size:1.1rem}.hero{padding:70px 16px 100px}}.deck-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;max-width:900px}.deck-section-header{display:flex;align-items:center;gap:12px;margin:28px 0 14px;font-family:Kanit,sans-serif;font-weight:800;font-size:1rem;letter-spacing:3px;color:var(--text2);text-transform:uppercase}.deck-section-header::before{content:"";display:inline-block;width:3px;height:1.1em;background:var(--red);border-radius:2px;flex-shrink:0}.deck-section-header:first-child{margin-top:0}.deck-section-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-start}.deck-section-row .deck-card{min-width:130px;max-width:155px;flex:0 0 155px}@media (max-width:1024px) and (min-width:581px){.deck-section-row .deck-card{min-width:140px;max-width:160px;flex:0 0 160px}}@media (max-width:580px){.deck-section-row .deck-card{min-width:calc(50% - 7px);max-width:calc(50% - 7px);flex:0 0 calc(50% - 7px)}.deck-section-header{font-size:.85rem;letter-spacing:2px;margin:22px 0 10px}}@media (max-width:480px){.logo-main{font-size:1.35rem}.logo-sub{letter-spacing:2px;font-size:.5rem}.logo-wordmark{padding-left:10px}.hdr-r{gap:7px}.btn-topup{padding:7px 11px;font-size:.78rem}.chip-name{display:none}.chip-divider{display:none}.toast{bottom:90px}}@media (max-width:360px){.logo-main{font-size:1.15rem}}.btn-confirm-pay{width:100%;padding:14px;background:var(--red);color:#fff;border:none;border-radius:10px;font-family:Kanit,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;box-shadow:0 4px 20px var(--glow)}.btn-confirm-pay:hover:not(:disabled){background:var(--red3);transform:translateY(-1px);box-shadow:0 6px 28px var(--glow)}.btn-confirm-pay:disabled{background:#2a2a2a;color:#555;cursor:not-allowed;box-shadow:none;transform:none}.btn-free-gray{background:#2a2a2a!important;color:#888!important;box-shadow:none!important;border:1px solid #333}.btn-free-gray:hover{background:#333!important;color:#aaa!important;transform:none!important;box-shadow:none!important}.deck-section-row.layout-auto .deck-card{min-width:130px;max-width:150px;flex:0 0 155px}.deck-section-row.layout-2 .deck-card{min-width:130px;max-width:150px;flex:0 0 155px}.deck-section-row.layout-3 .deck-card{min-width:130px;max-width:150px;flex:0 0 155px}.deck-section-row.layout-4 .deck-card{min-width:130px;max-width:150px;flex:0 0 155px}.deck-section-row.layout-row .deck-card{min-width:155px;max-width:150px;flex:0 0 155px}.deck-section-row.layout-row::-webkit-scrollbar{height:4px}.deck-section-row.layout-row::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.deck-section-row.layout-row .deck-card{min-width:140px;max-width:140px;flex:0 0 140px}@media (max-width:580px){.deck-section-row.layout-2 .deck-card,.deck-section-row.layout-3 .deck-card,.deck-section-row.layout-4 .deck-card,.deck-section-row.layout-auto .deck-card{min-width:calc(50% - 7px);max-width:calc(50% - 7px);flex:0 0 calc(50% - 7px)}}@media (max-width:1024px) and (min-width:581px){.hdr{padding:14px 24px}.hero{padding:80px 24px 120px}.deck-grid-wrap{padding:0 16px}.btn-play{max-width:480px}}#df-theme-swatches::-webkit-scrollbar{display:none}#profile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:700;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px);padding:20px;font-family:Kanit,sans-serif;-webkit-font-smoothing:antialiased}#profile-overlay.show{display:flex}.pf-box{background:linear-gradient(145deg,#181818,#101010);border:1px solid #272727;border-radius:20px;max-width:440px;width:100%;position:relative;overflow:hidden}.pf-top-bar{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#e50914,transparent)}.pf-close{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.05);border:1px solid #2a2a2a;border-radius:50%;width:30px;height:30px;color:#555;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:.2s}.pf-close:hover{color:#fff;border-color:#444}.pf-header{padding:32px 32px 0}.pf-identity{display:flex;align-items:center;gap:16px;margin-bottom:24px}.pf-avatar{width:56px;height:56px;border-radius:50%;background:rgba(229,9,20,.15);border:2px solid rgba(229,9,20,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#e50914;font-size:1.4rem}.pf-name{color:#fff;font-weight:800;font-size:1.2rem;letter-spacing:.5px}.pf-status{display:flex;align-items:center;gap:6px;margin-top:3px}.pf-status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80}.pf-status-label{color:#555;font-size:.75rem}.pf-credit-box{background:rgba(245,197,24,.06);border:1px solid rgba(245,197,24,.18);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pf-credit-label{color:#888;font-size:.72rem;letter-spacing:1px;text-transform:uppercase}.pf-credit-amount{color:#f5c518;font-size:1.6rem;font-weight:900;margin-top:2px}.pf-credit-amount span{font-size:.9rem;font-weight:400;color:#a88a00}.pf-topup-btn{background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.25);border-radius:8px;padding:8px 14px;color:#f5c518;font-size:.82rem;font-weight:700;cursor:pointer;font-family:Kanit,sans-serif;transition:.2s}.pf-topup-btn:hover{background:rgba(245,197,24,.2);border-color:rgba(245,197,24,.5)}.pf-history-wrap{padding:0 32px}.pf-section-title{display:flex;align-items:center;gap:8px;margin-bottom:14px}.pf-section-bar{width:3px;height:16px;background:#e50914;border-radius:2px}.pf-section-label{color:#fff;font-weight:700;font-size:.9rem;letter-spacing:1px}.pf-history-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.pf-history-list::-webkit-scrollbar{width:4px}.pf-history-list::-webkit-scrollbar-track{background:0 0}.pf-history-list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.pf-history-item{background:#111;border:1px solid #1e1e1e;border-radius:10px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;transition:border-color .15s}.pf-history-item:hover{border-color:#2a2a2a}.pf-history-note{color:#ddd;font-size:.85rem;font-weight:600}.pf-history-date{color:#444;font-size:.72rem;margin-top:3px}.pf-history-amount{font-weight:800;font-size:1rem}.pf-history-amount.plus{color:#4ade80}.pf-history-amount.minus{color:#e50914}.pf-history-empty{color:#444;font-size:.85rem;text-align:center;padding:20px}.pf-history-end{text-align:center;padding:16px;color:#2a2a2a;font-size:.8rem}.pf-footer{padding:20px 32px 28px;margin-top:8px}.pf-uid-box{background:rgba(229,9,20,.06);border:1px solid rgba(229,9,20,.15);border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.pf-uid-label{color:#888;font-size:.8rem}.pf-uid-value{color:#333;font-size:.75rem;font-family:monospace;letter-spacing:1px}.ucr-avatar{position:relative}.card-loading{animation:card-pulse .6s ease-in-out infinite!important}@keyframes card-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.97)}}.crd{user-select:none;-webkit-user-select:none}.crd.revealed{user-select:text;-webkit-user-select:text;cursor:text}@media (max-width:580px){.deck-section-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.deck-section-row .deck-card{width:100%!important;min-width:unset!important;max-width:unset!important;flex:unset!important}}*{touch-action:manipulation}#game-screen{display:none;min-height:100vh}.game-hdr{display:flex;align-items:center;justify-content:space-between;padding:80px 36px 20px;border-bottom:1px solid #1c1c1c}.g-deck-info{display:flex;align-items:center;gap:12px}.g-deck-ico{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.g-nm{font-weight:700}.g-rm{color:var(--text2);font-size:.82rem;display:flex;align-items:center;gap:5px;margin-top:2px}.g-credit{color:var(--gold);font-weight:700;font-size:1rem;display:flex;align-items:center;gap:7px}.table-area{position:relative;min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 16px 80px}.cards-wrap{position:relative;width:min(900px,96vw);min-height:500px;margin:0 auto}.crd{position:absolute;width:96px;height:138px;border-radius:12px;cursor:pointer;transition:all .28s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:center;user-select:none;transform-origin:center bottom;background:repeating-linear-gradient(45deg,#1a0505,#1a0505 4px,#210707 4px,#210707 8px);border:1.5px solid #3a0808;box-shadow:3px 5px 16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.04)}.crd-sm{width:72px!important;height:104px!important;border-radius:9px!important}.crd-sm .crd-back{width:56px!important;height:86px!important;font-size:1.4rem!important}.crd-back{width:83%;height:86%;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.9rem;color:var(--red)!important;background:linear-gradient(135deg,rgba(26,5,5,.6),rgba(45,8,8,.6))!important;border:1px solid rgba(229,9,20,.35)!important}.crd-back i{opacity:.5}.stack-crd .crd-back{font-size:clamp(2.5rem, 8vw, 5rem)!important}.crd.flipping{animation:flip .55s ease forwards;pointer-events:none;z-index:100!important}@keyframes flip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(1.1)}100%{transform:rotateY(0) scale(1)}}.crd.revealed{background:linear-gradient(145deg,#200000,#0c0000);border-color:var(--red);box-shadow:0 0 28px rgba(229,9,20,.25);cursor:default;pointer-events:none}.crd-revealed-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:8px;gap:4px}.crd-cat{font-size:.6rem;color:var(--red);font-weight:700;letter-spacing:1px}.crd-txt{font-size:.67rem;color:var(--text2);line-height:1.3}@media (max-width:800px){.crd-cat{font-size:.72rem}.crd-txt{font-size:.82rem;line-height:1.35}}.cost-hint{text-align:center;color:var(--text2);font-size:.88rem;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:7px}.cost-hint .hl{color:var(--gold);font-weight:700}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:500;display:none;align-items:center;justify-content:center;backdrop-filter:blur(7px)}.overlay.show{display:flex}.res-card{background:linear-gradient(145deg,#1c0404,#0d0000);border:1px solid var(--red2);border-radius:20px;padding:64px 72px 56px;max-width:700px;width:90%;text-align:center;position:relative;box-shadow:0 0 80px rgba(229,9,20,.28),0 0 180px rgba(229,9,20,.08);animation:slideUp .38s cubic-bezier(.23,1,.32,1)}.res-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,transparent,var(--red),transparent);border-radius:20px 20px 0 0}@keyframes slideUp{from{transform:translateY(36px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.res-deck-lbl{font-size:.72rem;letter-spacing:3px;color:var(--text3);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:6px;justify-content:center}.res-ico-wrap{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:3.6rem}.res-cat{font-family:Kanit,sans-serif;font-weight:800;font-size:1.6rem;color:var(--red);letter-spacing:4px;margin-bottom:14px}.res-txt{font-size:2.6rem;font-weight:700;line-height:1.4;margin-bottom:28px}.res-acts{display:flex;gap:10px;justify-content:center}.btn-close-r{background:0 0;color:var(--text2);border:1px solid #333;padding:11px 22px;border-radius:8px;font-family:Kanit,sans-serif;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:6px}.btn-close-r:hover{border-color:#555;color:#fff}.btn-next{background:var(--red);color:#fff;border:none;padding:11px 28px;border-radius:8px;font-family:Kanit,sans-serif;font-weight:700;font-size:.95rem;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:7px}.btn-next:hover{background:var(--red3);transform:translateY(-2px)}@media (max-width:580px){.game-hdr{padding:80px 16px 18px}.res-card{padding:32px 20px 28px}.res-txt{font-size:3.6rem!important;line-height:1.25}}@media (min-width:581px) and (max-width:1024px){.res-card{padding:64px 40px 56px;width:94%;max-width:820px}.res-txt{font-size:4.6rem!important;line-height:1.3}.res-cat{font-size:2.1rem;letter-spacing:4px;margin-bottom:22px}.res-ico-wrap{width:170px;height:170px;font-size:5rem;margin-bottom:26px}.res-deck-lbl{font-size:1.05rem;margin-bottom:20px}.res-acts{gap:16px;margin-top:14px}.btn-close-r,.btn-next{padding:17px 34px;font-size:1.2rem}}@media (min-width:1025px){.res-card{padding:56px 64px 48px;width:88%;max-width:700px}.res-txt{font-size:3.8rem!important;line-height:1.35}.res-cat{font-size:1.9rem;letter-spacing:4px;margin-bottom:20px}.res-ico-wrap{width:160px;height:160px;font-size:4.8rem;margin-bottom:24px}.res-deck-lbl{font-size:1rem;margin-bottom:18px}.res-acts{gap:16px;margin-top:12px}.btn-close-r,.btn-next{padding:16px 32px;font-size:1.15rem}}.modal-box{background:linear-gradient(145deg,#181818,#111);border:1px solid #282828;border-radius:20px;padding:38px;max-width:460px;width:90%;position:relative}.modal-x{position:absolute;top:12px;right:14px;background:0 0;border:none;color:var(--text2);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s;font-size:.95rem}.modal-x:hover{background:#222;color:#fff}.modal-ttl{font-family:Kanit,sans-serif;font-weight:900;font-size:1.7rem;letter-spacing:2px;margin-bottom:6px;display:flex;align-items:center;gap:0}.modal-ttl>i{margin-right:10px}.modal-ttl .r{color:var(--red)}.modal-sub{color:var(--text2);font-size:.85rem;margin-bottom:22px}.topup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.topup-opt{background:#1a1a1a;border:1px solid #262626;border-radius:12px;padding:16px;text-align:center;cursor:pointer;transition:.2s}.topup-opt:hover{border-color:var(--gold);box-shadow:0 0 18px rgba(245,197,24,.08)}.topup-opt.sel{border-color:var(--gold);background:rgba(245,197,24,.04)}.topup-opt .coins{font-size:1.1rem;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:6px;justify-content:center}.topup-opt .price{font-size:.8rem;color:var(--text2);margin-top:4px}.topup-opt .bonus{font-size:.72rem;color:#4caf50;font-weight:600;margin-top:3px;display:flex;align-items:center;gap:4px;justify-content:center}.coming-banner{background:rgba(229,9,20,.06);border:1px dashed rgba(229,9,20,.25);border-radius:10px;padding:12px 14px;font-size:.82rem;color:var(--text2);display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.coming-banner strong{color:var(--red);display:flex;align-items:center;gap:6px}.btn-free{width:100%;padding:13px;margin-top:14px;background:var(--red);color:#fff;border:none;border-radius:8px;font-family:Kanit,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-free:hover{background:var(--red3)}@media (max-width:580px){.topup-grid{grid-template-columns:1fr}.modal-box{padding:28px 20px}}.layout-toggle{display:flex;background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:3px;gap:2px}.lt-btn{background:0 0;border:none;color:var(--text3);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s}.lt-btn:hover{color:var(--text2);background:#1a1a1a}.lt-btn.act{background:var(--red);color:#fff}.discard-label{font-size:.72rem;color:var(--text3);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.discard-zone{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 0 4px;min-height:60px}.discard-section{width:min(900px,96vw);margin:20px auto 0;padding:16px;border-top:1px solid #1c1c1c}.crd-discarded{position:relative!important;width:56px!important;height:80px!important;border-radius:7px!important;cursor:default!important;pointer-events:none;flex-shrink:0;left:auto!important;top:auto!important}.crd-discarded .crd-revealed-inner{padding:4px;gap:2px}.crd-discarded .crd-cat{font-size:.5rem;letter-spacing:.5px}.crd-discarded .crd-txt{font-size:.52rem;line-height:1.2}.stack-layout{display:flex;flex-direction:column;align-items:center;gap:28px;padding:16px;width:100%}.stack-section.stack-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:calc(80vh - 220px)}.stack-section{width:100%}.stack-pile-wrap{position:relative;width:min(320px,80vw);height:min(450px,115vw)}.stack-crd{width:min(400px,75vw)!important;height:min(510px,103vw)!important}.stack-count{font-size:.85rem;color:var(--text2);text-align:center;letter-spacing:1px}.stack-pile{position:relative;width:96px;height:138px;margin:0 auto 24px;cursor:pointer}.stack-pile .crd{position:absolute!important;left:0!important;top:0!important;transition:transform .3s cubic-bezier(.23,1,.32,1)!important}.discard-area{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 4px;max-width:min(900px,96vw);min-height:40px}@keyframes pulse-card{0%,100%{box-shadow:0 0 22px var(--glow),3px 6px 18px rgba(0,0,0,.8)}50%{box-shadow:0 0 44px rgba(229,9,20,.75),3px 6px 18px rgba(0,0,0,.8)}}.topup-box{max-width:450px}.topup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.topup-opt{background:#141414;border:1px solid #242424;border-radius:14px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .22s cubic-bezier(.23,1,.32,1);overflow:visible;position:relative}.topup-opt::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,197,24,.2),transparent);opacity:0;transition:opacity .2s}.topup-opt:hover{border-color:rgba(245,197,24,.5);transform:translateY(-3px);box-shadow:0 8px 28px rgba(245,197,24,.08)}.topup-opt:hover::before{opacity:1}.topup-opt.sel{border-color:var(--gold);background:rgba(245,197,24,.05);box-shadow:0 0 24px rgba(245,197,24,.12)}.topup-opt.sel::before{opacity:1}.topup-featured{border-color:rgba(245,197,24,.35)!important;background:linear-gradient(145deg,#1c1800,#141000)!important}.topup-featured:hover{border-color:var(--gold)!important;box-shadow:0 8px 32px rgba(245,197,24,.18)!important}.topup-featured.sel{box-shadow:0 0 36px rgba(245,197,24,.2)!important}.featured-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;white-space:nowrap;overflow:visible;position:absolute;top:-13px;left:16px;transform:none;background:linear-gradient(90deg,gold,orange);color:#3c2900;font-size:16px;font-weight:700;border-radius:20px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.pkg-coins{font-size:1.6rem;font-weight:800;color:var(--gold);display:flex;align-items:center;gap:7px;justify-content:center;line-height:1}.pkg-coins .fi{font-size:1.3rem}.pkg-price{font-size:.88rem;color:var(--text2);margin-top:7px}.pkg-bonus{display:inline-flex;align-items:center;gap:4px;background:rgba(255,189,34,.1);border:1px solid rgba(255,216,19,.25);border-radius:20px;padding:3px 10px;font-size:.72rem;color:#ffc400;font-weight:600;margin-top:8px}.topup-big .pkg-bonus{font-size:.88rem;padding:5px 14px}.coming-banner{background:rgba(229,9,20,.05);border:1px solid rgba(229,9,20,.18);border-radius:10px;padding:13px 16px;font-size:.82rem;color:var(--text2);display:flex;align-items:center;gap:12px;margin-bottom:14px}.coming-banner i{color:var(--red);font-size:1.1rem;flex-shrink:0}.coming-banner div{display:flex;flex-direction:column;gap:2px}.coming-banner strong{color:#fff;font-size:.85rem}.coming-banner span{font-size:.75rem;color:var(--text3)}.topup-balance{display:flex;align-items:center;gap:9px;background:rgba(245,197,24,.06);border:1px solid rgba(245,197,24,.2);border-radius:10px;padding:10px 14px;font-size:.99rem;color:var(--text2);margin-bottom:20px}.topup-balance span{color:var(--gold);font-weight:800;font-size:1.1rem;margin:0 2px;margin-left:auto}.topup-row-small{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.topup-big{padding:20px 22px!important;margin-top:2px}.pkg-big-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;width:100%}.pkg-coins-big{font-size:4rem!important;font-weight:800!important;gap:16px!important;line-height:1.1;justify-content:flex-start!important}.pkg-coins-big .fi{font-size:3.5rem!important}.topup-big .pkg-bonus{font-size:1.15rem;padding:5px 18px}.pkg-big-right .pkg-price-big{margin-bottom:6px}.pkg-big-right .pkg-bonus,.pkg-big-right .topup-big .pkg-bonus{margin-bottom:6px}.pkg-price-big{font-size:1.55rem;font-weight:700;color:#fff}.pkg-per{font-size:.92rem;color:var(--text3);letter-spacing:.5px;text-align:right}.topup-grid{display:flex!important;flex-direction:column;gap:10px;margin-bottom:20px}@media (max-width:400px){.topup-row-small{grid-template-columns:repeat(3,1fr)}.pkg-coins-big{font-size:3.4rem!important}.pkg-coins-big .fi{font-size:2.8rem!important}.pkg-price-big{font-size:1.5rem}.pkg-per{font-size:.78rem}.topup-big .pkg-bonus{font-size:.9rem;padding:5px 14px}}@media (max-width:580px){.game-hdr{padding:68px 12px 14px;flex-wrap:wrap;gap:10px}.g-deck-ico{width:34px;height:34px;font-size:1rem}.g-nm{font-size:.85rem}.g-rm{font-size:.72rem}.g-credit{font-size:.88rem}.g-layout-label{display:none}.table-area{padding:16px 8px 90px}.cards-wrap{width:100%}.cost-hint{font-size:.78rem;gap:5px}.res-card{padding:28px 18px 24px;width:95%}.res-ico-wrap{width:70px;height:70px;font-size:2rem}.res-cat{font-size:1rem;letter-spacing:2px}.res-txt{font-size:1.2rem;margin-bottom:20px}.res-acts{flex-direction:column;gap:8px}.btn-close-r,.btn-next{width:100%;justify-content:center}.stack-pile-wrap{width:180px;height:250px}.stack-crd{width:160px!important;height:225px!important}.topup-row-small{grid-template-columns:repeat(3,1fr);gap:7px}.modal-box{padding:24px 16px;width:96%}.modal-ttl{font-size:1.4rem}.pkg-coins{font-size:1.2rem}.pkg-coins-big{font-size:3.6rem!important}.pkg-coins-big .fi{font-size:3rem!important}.pkg-price-big{font-size:1.7rem}.pkg-per{font-size:.85rem}.topup-big .pkg-bonus{font-size:1rem;padding:6px 16px}.featured-badge{font-size:14px;padding:6px 11px;gap:4px}}@media (max-width:580px){.game-hdr{flex-direction:column;align-items:flex-start;padding:70px 16px 14px;gap:10px}.game-hdr>div{width:100%;justify-content:space-between}.g-deck-info{flex:1;min-width:0}.g-nm{font-size:.85rem;white-space:normal;overflow:visible;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.3}}#hist-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:490;display:none;backdrop-filter:blur(4px)}#hist-drawer-overlay.show{display:block}#hist-drawer{position:fixed;bottom:0;left:0;right:0;z-index:495;background:linear-gradient(180deg,#161616,#111);border-top:1px solid #2a2a2a;border-radius:20px 20px 0 0;padding:0 0 env(safe-area-inset-bottom,0);transform:translateY(100%);transition:transform .35s cubic-bezier(.23,1,.32,1);max-height:72vh;display:flex;flex-direction:column}#hist-drawer.show{transform:translateY(0)}.hist-drawer-handle{width:40px;height:4px;background:#333;border-radius:2px;margin:12px auto 0;flex-shrink:0}.hist-drawer-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid #1e1e1e;flex-shrink:0}.hist-drawer-title{font-family:Kanit,sans-serif;font-weight:800;font-size:1rem;letter-spacing:2px;display:flex;align-items:center;gap:8px}.hist-drawer-title .r{color:var(--red)}.hist-drawer-count{background:rgba(229,9,20,.12);border:1px solid rgba(229,9,20,.25);color:var(--red);font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:20px}.hist-drawer-close{background:0 0;border:none;color:var(--text3);cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s;font-size:.9rem}.hist-drawer-close:hover{background:#222;color:#fff}.hist-drawer-body{overflow-y:auto;padding:12px 16px 20px;display:flex;flex-direction:column;gap:8px;-webkit-overflow-scrolling:touch}.hist-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#141414;border:1px solid #1e1e1e;border-radius:10px;animation:histIn .25s ease}@keyframes histIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.hist-item-num{font-size:.7rem;font-weight:800;color:var(--text3);min-width:22px;text-align:center}.hist-item-ico{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.hist-item-info{flex:1;min-width:0}.hist-item-cat{font-size:.68rem;font-weight:700;color:var(--red);letter-spacing:1px;text-transform:uppercase}.hist-item-txt{font-size:.88rem;font-weight:600;color:var(--text);line-height:1.4;white-space:normal;overflow:visible;word-break:break-word;overflow-wrap:break-word}.hist-item-deck{font-size:.68rem;color:var(--text3);margin-top:2px}.btn-history{background:rgba(229,9,20,.08);border:1px solid rgba(229,9,20,.2);color:var(--text2);padding:7px 12px;border-radius:8px;font-family:Kanit,sans-serif;font-size:.82rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s;white-space:nowrap;position:relative}.btn-history:hover{border-color:var(--red);color:#fff;background:rgba(229,9,20,.14)}.hist-badge{position:absolute;top:-6px;right:-6px;background:var(--red);color:#fff;font-size:.6rem;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.hist-empty{text-align:center;padding:32px 16px;color:var(--text3);font-size:.88rem;display:flex;flex-direction:column;align-items:center;gap:10px}.hist-empty i{font-size:2rem;opacity:.3}@media (max-width:1024px){#hist-drawer{max-height:80vh}.hist-drawer-title{font-size:1.4rem}.hist-item{padding:18px 20px}.hist-item-ico{width:52px;height:52px;font-size:1.3rem}.hist-item-cat{font-size:.92rem}.hist-item-txt{font-size:1.2rem}.hist-item-deck{font-size:.88rem}}#touch-picker-ov{position:fixed;inset:0;background:#000;z-index:800;display:none}#touch-picker-ov.picking{background:rgba(0,0,0,.85)!important;transition:background .6s ease}#touch-picker-ov #touch-area{width:100%;height:100%;position:relative;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}#touch-instruction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:rgba(255,255,255,.25);pointer-events:none;z-index:1;transition:opacity .3s}#touch-instruction i{font-size:3rem;display:block;margin-bottom:12px;color:var(--red);opacity:.4}#touch-instruction span{font-size:1rem;font-family:Kanit,sans-serif;font-weight:600;letter-spacing:1px}#touch-instruction.hide{opacity:0}#touch-countdown{position:fixed;inset:0;display:none;align-items:center;justify-content:center;font-size:clamp(6rem, 30vw, 12rem);font-weight:900;color:var(--red);text-shadow:0 0 60px var(--red),0 0 120px var(--red);z-index:999;pointer-events:none;animation:cd-pulse 1s ease-in-out infinite}@keyframes cd-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.75}}.touch-dot{position:absolute;width:80px;height:80px;border-radius:50%;transform:translate(-50%,-50%) scale(0);display:flex;align-items:center;justify-content:center;font-family:Kanit,sans-serif;font-weight:900;font-size:1.3rem;color:#fff;pointer-events:none;transition:transform .2s cubic-bezier(.23,1,.32,1);z-index:3}.touch-dot.show{transform:translate(-50%,-50%) scale(1)}.touch-dot-0{background:radial-gradient(circle,#e50914,#8b0000);box-shadow:0 0 24px rgba(229,9,20,.6)}.touch-dot-1{background:radial-gradient(circle,#ff6b35,#c0392b);box-shadow:0 0 24px rgba(255,107,53,.6)}.touch-dot-2{background:radial-gradient(circle,#e53935,#b71c1c);box-shadow:0 0 24px rgba(229,57,53,.6)}.touch-dot-3{background:radial-gradient(circle,#f44336,#7f0000);box-shadow:0 0 24px rgba(244,67,54,.6)}.touch-dot-4{background:radial-gradient(circle,#ff1744,#d50000);box-shadow:0 0 24px rgba(255,23,68,.6)}.touch-dot-5{background:radial-gradient(circle,#c62828,#4a0000);box-shadow:0 0 24px rgba(198,40,40,.6)}.touch-dot.picked{width:120px!important;height:120px!important;font-size:2.2rem!important;background:var(--red)!important;box-shadow:0 0 0 12px rgba(255,50,50,.25),0 0 60px var(--red),0 0 120px var(--red)!important;z-index:999!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important}@keyframes picked-bounce{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.6)}100%{transform:translate(-50%,-50%) scale(1.4)}}.touch-dot.not-picked{opacity:.15!important;transform:translate(-50%,-50%) scale(.7)!important;transition:all .4s ease!important}.touch-dot.picked::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:3px solid var(--red);animation:ripple-out .8s ease-out infinite}@keyframes ripple-out{0%{transform:scale(1);opacity:.8}100%{transform:scale(2);opacity:0}}.touch-dot-result{position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:1rem;font-weight:700;color:#fff;text-shadow:0 0 12px var(--red);animation:result-pop .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes result-pop{from{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}#touch-close-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);padding:9px 18px;border-radius:8px;font-family:Kanit,sans-serif;font-size:.85rem;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:6px;z-index:10}#touch-close-btn:hover{background:rgba(229,9,20,.15);border-color:rgba(229,9,20,.4);color:#fff}#touch-warning{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(229,9,20,.12);border:1px solid rgba(229,9,20,.3);color:var(--red);padding:10px 20px;border-radius:30px;font-size:.85rem;font-family:Kanit,sans-serif;white-space:nowrap;animation:fadeInUp .2s ease;pointer-events:none}@media (max-width:480px){.modal-box{width:96%;padding:22px 14px 20px}.modal-ttl{font-size:1.3rem}.topup-opt{padding:12px 8px}.pkg-coins{font-size:1.2rem}.pkg-price{font-size:.75rem}.pkg-coins-big{font-size:3.8rem!important}.pkg-coins-big .fi{font-size:3.1rem!important}.pkg-price-big{font-size:1.6rem}.pkg-per{font-size:.8rem}.topup-big .pkg-bonus{font-size:.95rem;padding:6px 15px}.featured-badge{font-size:15px;padding:7px 12px;gap:4px}}.touch-dot.moving{animation:dotPulse .15s ease-in-out infinite alternate}@keyframes dotPulse{from{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.25);opacity:.7}}.res-txt{font-size:clamp(3.2rem, 8vw, 4.8rem);line-height:1.5;margin-bottom:28px;word-break:break-word;overflow-wrap:break-word;text-align:center;text-wrap:balance}#admin-screen{display:none;min-height:100vh;padding:90px 36px 40px}.adm-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.adm-ttl{font-family:Kanit,sans-serif;font-weight:900;font-size:1.85rem;letter-spacing:4px;display:flex;align-items:center;gap:10px}.adm-ttl .r{color:var(--red)}.adm-sub{color:var(--text2);font-size:.82rem;margin-top:3px}.tabs{display:flex;gap:3px;background:#111;padding:4px;border-radius:10px;border:1px solid #1e1e1e;margin-bottom:28px}.tab{padding:9px 20px;border-radius:7px;border:none;background:0 0;color:var(--text2);font-family:Kanit,sans-serif;font-weight:600;font-size:.84rem;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:7px}.tab.act{background:var(--red);color:#fff}.tab-content{display:none}.tab-content.act{display:block}.deck-list-adm{display:flex;flex-direction:column;gap:13px;margin-bottom:22px}.drow{background:#111;border:1px solid #1e1e1e;border-radius:11px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.drow-info{display:flex;align-items:center;gap:12px;flex:1}.drow-ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.drow-nm{font-weight:700;font-size:.95rem}.drow-meta{color:var(--text2);font-size:.78rem;display:flex;align-items:center;gap:10px;margin-top:3px;flex-wrap:wrap}.drow-meta .tag{display:flex;align-items:center;gap:4px}.drow-acts{display:flex;gap:7px}.btn-sm{padding:7px 13px;border-radius:6px;border:none;font-family:Kanit,sans-serif;font-size:.78rem;cursor:pointer;font-weight:600;transition:.2s;display:flex;align-items:center;gap:5px}.btn-edit{background:#1e1e1e;border:1px solid #2e2e2e;color:var(--text2)}.btn-edit:hover{border-color:var(--text2);color:#fff}.btn-del{background:rgba(229,9,20,.08);border:1px solid rgba(229,9,20,.25);color:var(--red)}.btn-del:hover{background:var(--red);color:#fff}.btn-add{background:var(--red);color:#fff;border:none;padding:10px 22px;border-radius:8px;font-family:Kanit,sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:7px}.btn-add:hover{background:var(--red3)}.sheet-sec{background:#111;border:1px solid #1e1e1e;border-radius:12px;padding:24px;margin-bottom:20px}.sheet-sec h3{font-size:.95rem;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:8px}.sheet-sec p{color:var(--text2);font-size:.82rem;margin-bottom:14px}.sheet-row{display:flex;gap:9px}.sh-inp{flex:1;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:8px;padding:9px 13px;color:#fff;font-family:Kanit,sans-serif;font-size:.88rem;outline:0}.sh-inp:focus{border-color:var(--red)}.btn-conn{background:var(--red);color:#fff;border:none;padding:9px 18px;border-radius:8px;font-family:Kanit,sans-serif;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn-conn:hover{background:var(--red3)}.btn-conn.ghost{background:#1a1a1a;border:1px solid #2e2e2e;color:var(--text2)}.btn-conn.ghost:hover{border-color:var(--text2);color:#fff;background:#222}.card-editor-box{background:#111;border:1px solid #1e1e1e;border-radius:12px;padding:22px}.card-editor-box h3{margin-bottom:14px;font-size:.95rem;display:flex;align-items:center;gap:8px}.card-list-ed{display:flex;flex-direction:column;gap:9px;max-height:380px;overflow-y:auto;margin-bottom:14px;padding-right:4px}.card-list-ed::-webkit-scrollbar{width:3px}.card-list-ed::-webkit-scrollbar-thumb{background:var(--red2);border-radius:4px}.ced-row{display:flex;gap:8px;align-items:center;background:#1a1a1a;border:1px solid #252525;border-radius:8px;padding:9px 12px}.ced-row input{background:0 0;border:none;color:#fff;font-family:Kanit,sans-serif;font-size:.88rem;flex:1;outline:0}.ced-row .ci{width:110px;flex:none;color:var(--text2)}.ced-row .del-btn{background:0 0;border:none;color:var(--text3);cursor:pointer;font-size:.82rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:.2s}.ced-row .del-btn:hover{color:var(--red);background:rgba(229,9,20,.1)}.btn-add-card{background:0 0;border:1px dashed #2e2e2e;color:var(--text2);padding:9px;border-radius:8px;width:100%;font-family:Kanit,sans-serif;cursor:pointer;transition:.2s;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:7px}.btn-add-card:hover{border-color:#444;color:#fff}.fg{margin-bottom:14px}.fg label{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text2);margin-bottom:5px}.fc{width:100%;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:8px;padding:9px 12px;color:#fff;font-family:Kanit,sans-serif;font-size:.9rem;outline:0;transition:border-color .2s}.fc:focus{border-color:var(--red)}.form-overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:700;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.form-overlay.show{display:flex}.form-box{background:#181818;border:1px solid #272727;border-radius:16px;padding:34px;max-width:400px;width:90%;position:relative}.form-box h3{font-size:1.15rem;font-weight:700;margin-bottom:18px;display:flex;align-items:center;gap:9px}.form-x{position:absolute;top:12px;right:14px;background:0 0;border:none;color:var(--text2);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.2s;font-size:.9rem}.form-x:hover{background:#222;color:#fff}.form-acts{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.btn-cancel{background:0 0;border:1px solid #2e2e2e;color:var(--text2);padding:9px 18px;border-radius:8px;font-family:Kanit,sans-serif;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-save{background:var(--red);color:#fff;border:none;padding:9px 22px;border-radius:8px;font-family:Kanit,sans-serif;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}@media (max-width:580px){#admin-screen{padding:88px 14px 30px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tab{justify-content:center;padding:10px 6px;font-size:.8rem}.drow{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px}.drow-info{width:100%}.drow-nm{font-size:1rem}.drow-acts{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.drow-acts .btn-sm{justify-content:center;padding:9px 6px;font-size:.8rem}.drow-order{display:flex;gap:6px;width:100%}.drow-order button{flex:1;justify-content:center}}.btn-visible{background:rgba(76,175,80,.12);color:#4caf50;border-color:rgba(76,175,80,.3)}.btn-hidden{background:rgba(255,255,255,.05);color:var(--text3);border-color:#333}.stats-bar{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}.stat-card{flex:1;min-width:140px;background:#161616;border:1px solid #252525;border-radius:12px;padding:18px 20px}.stat-label{color:var(--text2);font-size:.78rem;margin-bottom:8px}.stat-val{font-size:1.8rem;font-weight:800;line-height:1}.stat-val.gold{color:var(--gold)}.stat-val.green{color:#4caf50}.stat-val.red{color:var(--red)}.stat-val.white{color:#fff}.stat-sub{color:var(--text3);font-size:.72rem;margin-top:6px}.user-cr-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.ucr-info{display:flex;align-items:center;gap:8px}.ucr-name{font-weight:600}.ucr-ctrl{display:flex;align-items:center;gap:8px}.adm-sec-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.adm-loading{color:var(--text3);font-size:.85rem;padding:20px 0}.adm-empty{color:var(--text3);font-size:.85rem;padding:20px 0;text-align:center}.adm-table{width:100%;border-collapse:collapse;font-size:.88rem}.adm-table th{text-align:left;color:var(--text3);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-bottom:1px solid var(--border)}.adm-table td{padding:10px 12px;border-bottom:1px solid #1e1e1e;vertical-align:middle}.adm-table tr:hover td{background:#1a1a1a}.stat-bar-wrap{background:#1a1a1a;border-radius:4px;height:6px;width:120px}.stat-bar-fill{background:var(--red);border-radius:4px;height:6px;transition:width .4s}.announce-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.announce-row.inactive{opacity:.45}.ann-info{display:flex;flex-direction:column;gap:4px}.ann-acts{display:flex;align-items:center;gap:6px;flex-shrink:0}.ann-type{font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:4px}.ann-info{color:#60c0ff;background:rgba(96,192,255,.12)}.ann-promo{color:var(--gold);background:rgba(255,200,0,.12)}.ann-warning{color:orange;background:rgba(255,165,0,.12)}.ann-success{color:#4caf50;background:rgba(76,175,80,.12)}.tag-off{opacity:.4}.toggle-wrap{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.85rem}.announce-row{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}.announce-row.inactive{opacity:.4}.ann-left{flex-shrink:0}.ann-icon-wrap{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.ann-icon-wrap.ann-info{background:rgba(96,192,255,.15);color:#60c0ff}.ann-icon-wrap.ann-promo{background:rgba(255,200,0,.15);color:var(--gold)}.ann-icon-wrap.ann-warning{background:rgba(255,165,0,.15);color:orange}.ann-icon-wrap.ann-success{background:rgba(76,175,80,.15);color:#4caf50}.ann-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ann-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ann-type-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:2px 10px;border-radius:20px}.ann-type-badge.ann-info{background:rgba(96,192,255,.12);color:#60c0ff}.ann-type-badge.ann-promo{background:rgba(255,200,0,.12);color:var(--gold)}.ann-type-badge.ann-warning{background:rgba(255,165,0,.12);color:orange}.ann-type-badge.ann-success{background:rgba(76,175,80,.12);color:#4caf50}.ann-status{font-size:.72rem;display:inline-flex;align-items:center;gap:4px}.ann-on{color:#4caf50}.ann-off{color:var(--text3)}.ann-acts{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.ann-popup-box{width:92%;max-width:360px;background:linear-gradient(160deg,#1c1c1c 0,#111 100%);border:1px solid #2a2a2a;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.03),0 32px 80px rgba(0,0,0,.9),0 0 60px rgba(229,9,20,.08);animation:annPop .4s cubic-bezier(.34,1.4,.64,1)}@keyframes annPop{from{transform:scale(.88) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.ann-top-bar{height:3px}.ann-top-bar.ann-bar-info{background:linear-gradient(90deg,transparent,var(--red),transparent)}.ann-top-bar.ann-bar-promo{background:linear-gradient(90deg,transparent,var(--red),transparent)}.ann-top-bar.ann-bar-warning{background:linear-gradient(90deg,transparent,var(--red),transparent)}.ann-top-bar.ann-bar-success{background:linear-gradient(90deg,transparent,var(--red),transparent)}.ann-hero{display:flex;justify-content:center;padding:28px 0 4px}.ann-hero-info{color:var(--red)}.ann-hero-promo{color:var(--red)}.ann-hero-warning{color:var(--red)}.ann-hero-success{color:var(--red)}.ann-hero-ring{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.7rem;position:relative}.ann-hero-info .ann-hero-ring{background:rgba(229,9,20,.12)}.ann-hero-promo .ann-hero-ring{background:rgba(229,9,20,.12)}.ann-hero-warning .ann-hero-ring{background:rgba(229,9,20,.12)}.ann-hero-success .ann-hero-ring{background:rgba(229,9,20,.12)}.ann-hero-ring::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid currentColor;opacity:.18}.ann-hero-ring::after{content:"";position:absolute;inset:-11px;border-radius:50%;border:1px solid currentColor;opacity:.07}.ann-content{padding:14px 24px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.ann-popup-badge{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:3px 12px;border-radius:20px;border:1px solid currentColor}.ann-popup-badge.ann-info{color:#60c0ff;background:rgba(96,192,255,.08)}.ann-popup-badge.ann-promo{color:#f5c518;background:rgba(245,197,24,.08)}.ann-popup-badge.ann-warning{color:#ffa726;background:rgba(255,167,38,.08)}.ann-popup-badge.ann-success{color:#66bb6a;background:rgba(102,187,106,.08)}.ann-title{font-family:Kanit,sans-serif;font-size:1.3rem;font-weight:800;color:#fff;line-height:1.25;letter-spacing:.01em}.ann-msg{font-size:.875rem;color:#888;line-height:1.75}.ann-expires{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:#555;background:#161616;border:1px solid #222;border-radius:6px;padding:4px 10px;margin-top:2px}.ann-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 16px;border-top:1px solid #1e1e1e;gap:12px}.ann-brand{display:flex;flex-direction:column;border-left:2.5px solid #e50914;padding-left:10px;flex-shrink:0;gap:1px}.ann-brand-name{font-family:Kanit,sans-serif;font-weight:900;font-size:.88rem;line-height:1}.ann-brand-sub{font-size:.54rem;color:#555;letter-spacing:.18em}.ann-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 16px;border:none;border-radius:10px;font-family:Kanit,sans-serif;font-size:.9rem;font-weight:700;color:#111;cursor:pointer;transition:filter .15s,transform .1s}.ann-btn-info{background:var(--red);color:#fff}.ann-btn-promo{background:var(--red);color:#fff}.ann-btn-warning{background:var(--red);color:#fff}.ann-btn-success{background:var(--red);color:#fff}.ann-btn:hover{background:var(--red3);box-shadow:0 4px 20px var(--glow)}.ann-btn:active{transform:scale(.97)}#admin-user-list{display:flex;flex-direction:column;gap:8px}.ucr-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#141414,#111);border:1px solid #1e1e1e;border-radius:12px;transition:border-color .2s;justify-content:flex-start}.ucr-row:hover{border-color:#2a2a2a}.ucr-row.ucr-banned{border-color:rgba(229,9,20,.2);background:linear-gradient(135deg,#1a0808,#110505);opacity:.75}.ucr-avatar{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:.9rem;flex-shrink:0}.ucr-av-admin{background:rgba(229,9,20,.12);border-color:rgba(229,9,20,.3);color:var(--red)}.ucr-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}.ucr-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start}.ucr-name{font-weight:700;font-size:.92rem;color:var(--text)}.ucr-sub{display:flex;align-items:center;gap:5px;color:var(--text3);font-size:.72rem}.ucr-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:.68rem;font-weight:700}.ucr-badge-admin{background:rgba(229,9,20,.12);border:1px solid rgba(229,9,20,.3);color:var(--red)}.ucr-badge-ban{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3);color:#ffa726}.ucr-ctrl{display:flex;align-items:center;gap:8px;flex-shrink:0}.ucr-credit-wrap{display:flex;align-items:center;gap:6px;background:#0d0d0d;border:1px solid #222;border-radius:8px;padding:0 10px}.ucr-input{width:80px!important;background:0 0!important;border:none!important;text-align:right;color:var(--gold)!important;font-weight:700;padding:8px 0!important}.ucr-input:focus{outline:0}.btn-ban{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.3);color:var(--red);padding:6px 10px;border-radius:6px;font-family:Kanit,sans-serif;font-size:.78rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:.2s;white-space:nowrap}.btn-ban:hover{background:rgba(229,9,20,.2);border-color:var(--red)}.btn-unban{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);color:#4caf50;padding:6px 10px;border-radius:6px;font-family:Kanit,sans-serif;font-size:.78rem;cursor:pointer;display:flex;align-items:center;gap:5px;transition:.2s;white-space:nowrap}.btn-unban:hover{background:rgba(76,175,80,.2);border-color:#4caf50}#tc-history.act{display:flex;flex-direction:column;gap:6px}.hist-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#111;border:1px solid #1e1e1e;border-radius:12px;transition:border-color .2s}.hist-row:hover{border-color:#2a2a2a}.hist-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.hist-ico-plus{background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.25);color:var(--gold)}.hist-ico-minus{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.25);color:var(--red)}.hist-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.hist-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hist-note{font-weight:700;font-size:.88rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.hist-type-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}.hist-type-free{background:rgba(76,175,80,.12);border:1px solid rgba(76,175,80,.3);color:#4caf50}.hist-type-purchase{background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.3);color:var(--gold)}.hist-type-deduct{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.25);color:var(--red)}.hist-type-admin{background:rgba(156,39,176,.12);border:1px solid rgba(156,39,176,.3);color:#ce93d8}.hist-sub{display:flex;align-items:center;gap:6px;color:var(--text3);font-size:.72rem;flex-wrap:wrap}.hist-user{color:var(--text2);font-weight:600;display:flex;align-items:center;gap:4px}.hist-date,.hist-time{display:flex;align-items:center;gap:4px}.hist-sep{color:#333}.hist-amount{font-weight:900;font-size:1.05rem;text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.hist-plus{color:var(--gold)}.hist-minus{color:var(--red)}.hist-unit{font-size:.65rem;font-weight:400;color:var(--text3)}.ann-form-box{background:#111;border:1px solid #1e1e1e;border-radius:12px;padding:20px;margin-bottom:20px}#announce-list{display:flex;flex-direction:column;gap:8px}.ann-form-box{background:linear-gradient(135deg,#141414,#111);border:1px solid #1e1e1e;border-radius:16px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden}.ann-form-box::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent)}.ann-form-header{margin-bottom:20px}.ann-form-title{font-family:Kanit,sans-serif;font-weight:800;font-size:1rem;display:flex;align-items:center;gap:8px;color:var(--text)}.ann-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ann-fg-full{grid-column:1/-1}.ann-form-actions{display:flex;gap:10px;margin-top:18px;align-items:center}.ann-list-header{font-family:Kanit,sans-serif;font-weight:800;font-size:.85rem;letter-spacing:2px;color:var(--text3);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px}#announce-list{display:flex;flex-direction:column;gap:8px}.ann-row{display:flex;align-items:center;gap:14px;padding:16px;background:#111;border:1px solid #1e1e1e;border-radius:12px;transition:border-color .2s}.ann-row:hover{border-color:#2a2a2a}.ann-row-ico{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.ann-ico-info{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.25);color:#42a5f5}.ann-ico-promo{background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.25);color:var(--gold)}.ann-ico-warning{background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.25);color:#ffa726}.ann-ico-success{background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.25);color:#4caf50}.ann-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.ann-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ann-row-title{font-weight:700;font-size:.92rem;color:var(--text)}.ann-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}.ann-badge-active{background:rgba(76,175,80,.12);border:1px solid rgba(76,175,80,.3);color:#4caf50}.ann-badge-draft{background:rgba(255,255,255,.05);border:1px solid #2a2a2a;color:var(--text3)}.ann-badge-info{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.3);color:var(--red)}.ann-badge-promo{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.3);color:var(--red)}.ann-badge-warning{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.3);color:var(--red)}.ann-badge-success{background:rgba(229,9,20,.1);border:1px solid rgba(229,9,20,.3);color:var(--red)}.ann-row-msg{font-size:.8rem;color:var(--text2);white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;max-width:500px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ann-row-sub{display:flex;align-items:center;gap:8px;color:var(--text3);font-size:.72rem;flex-wrap:wrap}.ann-row-sub span{display:flex;align-items:center;gap:4px}.ann-row-sub .sep{color:#2a2a2a}.ann-row-acts{display:flex;gap:6px;flex-shrink:0}#pkg-list{display:flex;flex-direction:column;gap:8px}.pkg-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#111;border:1px solid #1e1e1e;border-radius:12px;transition:border-color .2s}.pkg-row:hover{border-color:#2a2a2a}.pkg-row.pkg-inactive{opacity:.55}.pkg-row-ico{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.25);color:var(--gold);font-size:.9rem;flex-shrink:0}.pkg-ico-featured{background:rgba(229,9,20,.12);border-color:rgba(229,9,20,.3);color:var(--red)}.pkg-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.pkg-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pkg-row-name{font-weight:700;font-size:.92rem;color:var(--text)}.pkg-row-detail{display:flex;align-items:center;gap:6px;color:var(--text3);font-size:.75rem;flex-wrap:wrap}.pkg-sep{color:#2a2a2a}.pkg-badge{font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap}.pkg-badge-featured{background:rgba(229,9,20,.12);border:1px solid rgba(229,9,20,.3);color:var(--red)}.pkg-badge-off{background:rgba(255,255,255,.05);border:1px solid #2a2a2a;color:var(--text3)}.pkg-row-acts{display:flex;gap:6px;flex-shrink:0}.stats-grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.stat-card2{background:#141414;border:1px solid #222;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:border-color .2s}.stat-card2:hover{border-color:#333}.sc2-ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.sc2-body{display:flex;flex-direction:column;gap:2px;min-width:0}.sc2-val{font-family:Kanit,sans-serif;font-weight:900;font-size:1.5rem;line-height:1;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc2-lbl{font-size:.72rem;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:580px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}.sc2-val{font-size:1.2rem}}.ann-count{background:rgba(229,9,20,.15);border:1px solid rgba(229,9,20,.35);color:var(--red);border-radius:20px;padding:1px 8px;font-size:.72rem;font-weight:700;margin-left:6px}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.ucr-row{display:flex;align-items:center;gap:12px;background:#111;border:1px solid #1e1e1e;border-radius:12px;padding:14px 16px;margin-bottom:10px}.ucr-row.ucr-banned{border-color:rgba(229,9,20,.3);background:rgba(229,9,20,.04)}.ucr-info{flex:1;min-width:0}.ucr-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ucr-name{font-weight:700;font-size:.92rem}.ucr-sub{font-size:.72rem;color:var(--text3);margin-top:3px;display:flex;align-items:center;gap:4px}.ucr-ctrl{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.ucr-credit-wrap{display:flex;align-items:center;gap:6px}.ucr-input{width:90px;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:6px;padding:6px 8px;color:var(--gold);font-family:Kanit,sans-serif;font-size:.88rem;font-weight:700;outline:0;text-align:right}.ucr-btn-row{display:flex;gap:6px}.btn-ban{background:rgba(229,9,20,.08);border:1px solid rgba(229,9,20,.25);color:var(--red);padding:6px 12px;border-radius:6px;font-family:Kanit,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px}.btn-unban{background:rgba(76,175,80,.08);border:1px solid rgba(76,175,80,.25);color:#4caf50;padding:6px 12px;border-radius:6px;font-family:Kanit,sans-serif;font-size:.78rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px}@media (max-width:580px){.ann-row{flex-direction:column;align-items:flex-start;gap:10px}.ann-row-ico{width:34px;height:34px;font-size:.85rem}.ann-row-top{flex-wrap:wrap;gap:5px}.ann-row-title{font-size:.88rem;width:100%}.ann-row-acts{width:100%;display:grid;grid-template-columns:1fr 1fr 48px;gap:6px}.ann-row-acts .btn-sm{justify-content:center;padding:9px 6px}}@media (max-width:580px){.pkg-row{flex-direction:column;align-items:flex-start;gap:10px}.pkg-row-acts{width:100%;display:grid;grid-template-columns:1fr 48px 48px;gap:6px}.pkg-row-acts .btn-sm{justify-content:center;padding:9px 6px}}@media (min-width:581px) and (max-width:1024px){.ann-popup-box{max-width:540px}.ann-hero{padding:36px 0 8px}.ann-hero-ring{width:100px;height:100px;font-size:2.4rem}.ann-content{padding:20px 36px 24px;gap:12px}.ann-title{font-size:1.9rem}.ann-msg{font-size:1.15rem;line-height:1.8}.ann-popup-badge{font-size:.85rem;padding:4px 16px}.ann-footer{padding:16px 24px 20px}.ann-btn{padding:14px 20px;font-size:1.05rem}.ann-brand-name{font-size:1rem}.ann-brand-sub{font-size:.65rem}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}#login-overlay{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:600;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px)}#login-overlay.show{display:flex}.login-box{background:linear-gradient(145deg,#181818,#101010);border:1px solid #272727;border-radius:20px;padding:38px 38px 32px;max-width:420px;width:92%;position:relative;box-shadow:0 0 80px rgba(229,9,20,.15),0 30px 80px rgba(0,0,0,.8);animation:authSlideUp .35s cubic-bezier(.23,1,.32,1)}.login-box::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--red),transparent);border-radius:20px 20px 0 0}@keyframes authSlideUp{from{transform:translateY(32px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.auth-logo{text-align:center;margin-bottom:22px}.auth-logo .logo-main{font-family:Kanit,sans-serif;font-weight:900;font-size:2rem;color:var(--red);letter-spacing:-.5px;text-shadow:0 0 20px rgba(229,9,20,.6),0 2px 4px rgba(0,0,0,.8)}.auth-logo .logo-sub{font-family:Kanit,sans-serif;font-weight:300;font-size:.55rem;color:var(--text2);letter-spacing:3.5px;display:block;margin-top:2px}.login-tabs{display:flex;background:#111;border:1px solid #1e1e1e;border-radius:10px;padding:3px;gap:3px;margin-bottom:24px}.login-tab{flex:1;padding:9px 0;border-radius:7px;border:none;background:0 0;color:var(--text2);font-family:Kanit,sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:.2s}.login-tab.act{background:var(--red);color:#fff}.auth-ttl{font-family:Kanit,sans-serif;font-weight:900;font-size:1.55rem;letter-spacing:2px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.auth-ttl .r{color:var(--red)}.login-err{min-height:20px;font-size:.82rem;color:var(--red);margin-bottom:10px;display:flex;align-items:center;gap:6px}.login-err:not(:empty)::before{content:"";font-family:inherit}.btn-auth{width:100%;padding:13px;background:var(--red);color:#fff;border:none;border-radius:8px;font-family:Kanit,sans-serif;font-weight:700;font-size:1rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.btn-auth:hover:not(:disabled){background:var(--red3);box-shadow:0 4px 20px var(--glow);transform:translateY(-1px)}.btn-auth:disabled{opacity:.6;cursor:not-allowed}.user-chip{position:relative;display:flex;align-items:center;background:#111;border:1px solid #2a2a2a;border-radius:30px;cursor:pointer;transition:border-color .2s;overflow:visible}.user-chip.open,.user-chip:hover{border-color:rgba(229,9,20,.5)}.chip-av{width:28px;height:28px;border-radius:50%;background:rgba(229,9,20,.15);border:1px solid rgba(229,9,20,.2);display:flex;align-items:center;justify-content:center;color:var(--red);font-size:.8rem;flex-shrink:0;margin:4px 0 4px 4px}.chip-name{font-size:.82rem;font-weight:700;color:#ddd;padding:0 8px}.chip-divider{width:1px;height:16px;background:#2a2a2a;flex-shrink:0}.chip-credit{display:flex;align-items:center;gap:5px;padding:0 8px 0 10px}.chip-plus-circle{width:18px;height:18px;border-radius:50%;background:rgba(245,197,24,.15);border:1px solid rgba(245,197,24,.35);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:.72rem;font-weight:900;flex-shrink:0;line-height:1;transition:background .15s,border-color .15s}.user-chip:hover .chip-plus-circle{background:rgba(245,197,24,.25);border-color:var(--gold)}.chip-credit .amt{color:var(--gold);font-weight:700;font-size:.8rem}.chip-credit .lbl{color:var(--text3);font-size:.65rem}.chip-arr{width:26px;height:36px;display:flex;align-items:center;justify-content:center;border-left:1px solid #2a2a2a;color:#333;font-size:.62rem;transition:color .2s;border-radius:0 30px 30px 0}.user-chip.open .chip-arr,.user-chip:hover .chip-arr{color:var(--red)}.user-chip.open .chip-arr i{display:inline-block;transform:rotate(180deg)}#btn-login{display:flex;align-items:center;gap:6px;background:0 0;border:1px solid rgba(229,9,20,.4);color:var(--text2);padding:7px 14px;border-radius:6px;font-family:Kanit,sans-serif;font-size:.82rem;cursor:pointer;transition:.2s;white-space:nowrap}#btn-login:hover{border-color:var(--red);color:#fff;background:rgba(229,9,20,.08)}@media (max-width:580px){.login-box{padding:28px 20px 24px}.auth-ttl{font-size:1.3rem}#btn-login .lbl-txt{display:none}.user-chip #user-display-name{max-width:70px}}.fi-spin{animation:spin .7s linear infinite;display:inline-flex;align-items:center;justify-content:center;transform-origin:center center}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;z-index:999;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;box-shadow:0 8px 32px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.user-chip.open .user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:8px 10px 12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}.dh-name{font-size:.95rem;font-weight:700;color:#fff}.dh-sub{font-size:.75rem;color:rgba(255,255,255,.4);margin-top:2px}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:8px;border:none;background:0 0;color:rgba(255,255,255,.8);font-family:Kanit,sans-serif;font-size:.88rem;cursor:pointer;text-align:left;transition:background .15s}.dropdown-item:hover{background:rgba(255,255,255,.07);color:#fff}.dropdown-item.danger{color:#ff4d4d}.dropdown-item.danger:hover{background:rgba(255,77,77,.1)}.dropdown-divider{height:1px;background:rgba(255,255,255,.06);margin:6px 0}@keyframes banPulse{0%,100%{box-shadow:0 0 0 0 rgba(229,9,20,.5);transform:scale(1)}50%{box-shadow:0 0 0 14px rgba(229,9,20,0);transform:scale(1.06)}}