:root{--bg:#04060c;--panel:rgba(13,23,36,.86);--panel-solid:#0c1624;--panel2:#060d17;--line:rgba(242,189,62,.14);--line-soft:#223448;--ink:#f5f2e8;--muted:#9aa6b5;--muted2:#626f80;--gold:#f5c044;--gold2:#e8a91f;--gold-deep:#8a5f0c;--gold-soft:#ffe1a1;--gold-grad:linear-gradient(135deg,#fff3c4 0%,#ffd66a 28%,#f0ae22 55%,#b97a08 80%,#ffd66a 100%);--royal:#2f6bff;--royal-deep:#0a1c38;--sky:#8ab4ff;--royal-grad:linear-gradient(135deg,#9dbdff 0%,#2f6bff 55%,#0a2a7a 100%);--green:#22dd72;--green-dark:#0aa14f;--red:#ff5d5d;--card:#12202f;--input:#0f1c2c;--radius:26px;--shadow:0 24px 70px #000a, 0 2px 0 #ffffff10 inset;--ring:0 0 0 1px #f5c04455, 0 8px 30px #f5c04422}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Noto Sans Thai,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:#f5c044;color:#181200}.app{position:relative;min-height:100vh;background:radial-gradient(900px 420px at 12% -6%,#1c3f9e55 0%,transparent 60%),radial-gradient(900px 420px at 88% -6%,#1c3f9e44 0%,transparent 60%),radial-gradient(1200px 520px at 50% -10%,#4a3a12 0%,#241b08 38%,transparent 68%),radial-gradient(900px 600px at 6% 22%,#f5c04410 0%,transparent 55%),radial-gradient(900px 600px at 94% 22%,#f5c0440d 0%,transparent 55%),radial-gradient(1000px 700px at 50% 115%,#3a2708 0%,transparent 60%),linear-gradient(180deg,#0a0805,#060503 45%,#030302)}.bgFx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.kongPhoto{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:url(/assets/kong-bg-CVqSOD6m.jpg) center 18%/cover no-repeat;opacity:.5;animation:kenburns 44s ease-in-out infinite alternate;will-change:transform}html.paused .bgFx *,html.paused .kongPhoto{animation-play-state:paused!important}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.09)}}.photoShade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#04060cdd,#04060c80 28%,#04060c59 62%,#04060cee)}.floodTop{position:absolute;left:50%;top:-220px;width:1100px;height:520px;transform:translate(-50%);background:radial-gradient(ellipse at center,#ffe6a8cc 0%,#f5c04455 32%,#f5c04414 60%,transparent 72%);filter:blur(38px);animation:floodPulse 7s ease-in-out infinite}@keyframes floodPulse{0%,to{opacity:.85}50%{opacity:1}}.beam{position:absolute;top:-160px;width:300px;height:130vh;filter:blur(28px);opacity:.5;background:linear-gradient(180deg,#ffe1a155 0%,#f5c04422 45%,transparent 80%)}.beamL{left:4%;transform:rotate(18deg)}.beamR{right:4%;transform:rotate(-18deg)}.smoke{position:absolute;width:1200px;height:700px;border-radius:50%;filter:blur(110px);opacity:.55}.smokeA{left:-320px;top:6%;background:radial-gradient(circle,#2a2f3acc 0%,transparent 65%);animation:smokeDrift 30s ease-in-out infinite alternate}.smokeB{right:-320px;top:30%;background:radial-gradient(circle,#3a2f18aa 0%,transparent 65%);animation:smokeDrift 36s ease-in-out infinite alternate-reverse}@keyframes smokeDrift{0%{transform:translate(0)}to{transform:translate(140px)}}.dust{position:absolute;left:0;top:0;width:2px;height:2px;border-radius:50%;background:transparent;opacity:0;box-shadow:4vw 108vh #ffe1a1,9vw 102vh #f5c044,14vw 112vh #fff3c4,19vw 96vh #f5c044,24vw 110vh #ffce6a,29vw 100vh #ffe1a1,34vw 116vh #f5c044,39vw 94vh #fff3c4,44vw 108vh #f5c044,47vw 118vh #ffce6a,52vw 104vh #ffe1a1,57vw 112vh #f5c044,62vw 98vh #fff3c4,67vw 114vh #f5c044,72vw 102vh #ffce6a,77vw 110vh #ffe1a1,82vw 96vh #f5c044,87vw 116vh #fff3c4,92vw 104vh #f5c044,96vw 112vh #ffce6a,11vw 122vh #ffe1a1,31vw 124vh #f5c044,51vw 120vh #fff3c4,71vw 126vh #f5c044,89vw 122vh #ffce6a;animation:dustRise 26s linear infinite}@keyframes dustRise{0%{transform:translateY(0);opacity:0}10%{opacity:.95}82%{opacity:.75}to{transform:translateY(-125vh);opacity:0}}.embers{position:absolute;left:0;top:0;width:5px;height:5px;border-radius:50%;background:#ffce6a;filter:blur(1.5px);opacity:0;box-shadow:8vw 115vh #ffb63d,22vw 105vh #ffce6a,38vw 118vh #ff9d2e,55vw 108vh #ffce6a,68vw 120vh #ffb63d,81vw 106vh #ffce6a,93vw 117vh #ff9d2e,48vw 126vh #ffce6a;animation:dustRise 38s linear infinite 6s}.bokeh{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffd66a55 0%,#f5c04422 55%,transparent 70%);filter:blur(14px);animation:bokehFloat 9s ease-in-out infinite alternate}.bokeh1{width:220px;height:220px;left:6%;bottom:-70px}.bokeh2{width:150px;height:150px;left:38%;bottom:-50px;animation-delay:2s}.bokeh3{width:260px;height:260px;right:4%;bottom:-90px;animation-delay:4s}@keyframes bokehFloat{0%{transform:translateY(0) scale(1)}to{transform:translateY(-26px) scale(1.08)}}.stageGlow{position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(0deg,#f5c0442e 0%,#f5c04412 45%,transparent 100%)}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,#000000aa 100%)}.top,.heroStrip,.steps,.grid,.adminWrap,.viewBar,.foot{position:relative;z-index:1}.top{position:sticky;top:0;z-index:20;min-height:96px;padding:16px 32px;display:flex;align-items:center;gap:30px;flex-wrap:wrap;background:#050910c7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #f5c0442e}.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#f5c04488 30%,#f5c04488 70%,transparent)}.brand{display:flex;align-items:center;gap:13px;min-width:260px}.crown{width:58px;height:58px;flex:none;border-radius:20px;display:grid;place-items:center;font-size:30px;color:#181200;background:var(--gold-grad);box-shadow:0 8px 26px #f5c04455,0 1px #fff inset;position:relative}.crown:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:24px;border:1px solid #f5c04455}.brand b{display:block;font-size:38px;letter-spacing:-2px;line-height:.95;font-style:italic;font-weight:900;background:linear-gradient(180deg,#fff6d8,#f5c044 60%,#c98a0e);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 10px #f5c04433)}.brand span{display:block;color:#fff;font-size:11px;letter-spacing:4px;font-weight:600;opacity:.85}.heroText strong{font-size:23px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.heroText small{font-size:13px;color:#bcc7d4}.heroPill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-style:normal;font-weight:800;color:#0d1a0d;background:linear-gradient(90deg,#5cf08f,#22dd72);border-radius:999px;padding:4px 11px;box-shadow:0 4px 16px #22dd7255}.heroPill i{width:7px;height:7px;border-radius:50%;background:#063d1e;animation:blink 1.1s infinite}.topMeta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.metaRow{display:flex;gap:8px;align-items:center}.balanceChip{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(180deg,#12294f,#0b1a33);border:1px solid #2f6bff66;border-radius:14px;padding:7px 13px;font-size:12px;color:#cfe0ff;box-shadow:0 6px 20px #0006,0 0 16px #2f6bff22}.balanceChip svg{color:var(--sky)}.balanceChip span{color:#9aa6b5}.balanceChip b{color:#fff;font-size:14px}.staffChip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,#f5c04414,#f5c04405);border:1px solid #f5c04433;border-radius:14px;padding:7px 12px;font-size:12px;color:#ffe9ba}.topFeatures{display:flex;gap:16px;font-size:11.5px;color:#c7d0db;flex-wrap:wrap;justify-content:flex-end}.topFeatures span{display:inline-flex;align-items:center;gap:5px;opacity:.9}.lineTag{color:#7bf0a4}.viewBar{display:flex;justify-content:center;padding:14px 16px 0}.seg{display:flex;gap:4px;background:#0a121dd9;border:1px solid #ffffff14;border-radius:18px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.seg button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#9aa6b5;border-radius:13px;padding:9px 20px;font-weight:800;font-size:13px;cursor:pointer;transition:.15s}.seg button.on{background:var(--gold-grad);color:#181200;box-shadow:0 6px 18px #f5c04444}.segBadge{background:#df3434;color:#fff;border-radius:999px;font-size:11px;padding:1px 7px}.heroStrip{max-width:1560px;margin:16px auto 0;padding:0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative}.heroCard{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#101d2f,#0a141f);border:1px solid #ffffff14;border-radius:18px;padding:12px 15px;box-shadow:0 12px 30px #0007;position:relative;overflow:hidden}.heroCard:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#3b4c63}.heroCard.gold:before{background:var(--gold-grad)}.heroCard.green:before{background:linear-gradient(180deg,#5cf08f,#0aa14f)}.heroCard svg{flex:none;width:34px;height:34px;padding:8px;border-radius:10px;background:#ffffff10;color:var(--gold)}.heroCard.green svg{color:#5cf08f}.heroCard b{display:block;font-size:14px}.heroCard small{color:var(--muted);font-size:11.5px}.steps{list-style:none;margin:14px auto 0;padding:10px 14px;max-width:1560px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;background:#0a121dcc;border:1px solid #ffffff10;border-radius:18px;font-size:12.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.steps li{position:relative;display:flex;align-items:center;gap:9px;justify-content:center;padding:8px 6px;border-radius:10px;color:#7d8a9b;font-weight:700;white-space:nowrap}.steps li+li:before{content:"›";position:absolute;left:-8px;color:#3b4c63}.steps li.past,.steps li.now{color:#fff;background:#ffffff08}.steps em{width:26px;height:26px;flex:none;border-radius:50%;background:#1a2940;border:1px solid #ffffff1e;color:#8fa0b3;display:grid;place-items:center;font-style:normal;font-size:12px}.steps li.now em{background:var(--gold-grad);color:#181200;border:0;box-shadow:0 0 0 4px #f5c04426}.steps li.past em{background:#0d7a3f;color:#fff;border:0}.grid{padding:16px 22px 22px;display:grid;grid-template-columns:1.3fr .9fr .7fr .94fr .9fr;gap:14px;max-width:1560px;margin:auto;align-items:start}.phone-like{min-height:700px;background:linear-gradient(180deg,#111d2df0,#060c16f5);border:1px solid #ffffff12;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;position:relative}.phone-like:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#f5c04466,transparent)}.cardTag{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.6px;color:#ffdf9e;padding:11px 16px;background:linear-gradient(180deg,#f5c04414,#f5c04405);border-bottom:1px solid #f5c04422}.cardTag span{font-size:10px;background:var(--gold-grad);color:#181200;border-radius:7px;padding:2px 8px;letter-spacing:1px}.cardTag.gold{color:#ffe1a1}.cardTag.green{color:#8ff5b4}.cardTag.green span{background:linear-gradient(180deg,#5cf08f,#22c25e)}.reveal{animation:rise .5s ease both}.reveal.d1{animation-delay:.06s}.reveal.d2{animation-delay:.12s}.reveal.d3{animation-delay:.18s}.reveal.d4{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.nav{min-height:54px;padding:9px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff0e;color:#8fa0b3}.nav b{color:#fff;font-size:15px;letter-spacing:.3px;font-weight:800}.navMeta{margin-left:2px;font-size:10.5px;font-weight:700;color:var(--gold);background:#f5c04414;border:1px solid #f5c04433;border-radius:999px;padding:3px 9px;white-space:nowrap}.navMeta b{color:#ff8b8b;font-size:10.5px}.navIcons{margin-left:auto;display:flex;gap:6px}.iconBtn{position:relative;border:1px solid #ffffff14;background:#ffffff08;color:#c9d0d8;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;transition:.15s}.iconBtn:hover{border-color:#f5c04466;color:#fff;box-shadow:var(--ring)}.iconBtn.ghost{background:transparent;border-color:#33465c;font-size:20px;line-height:1}.dot{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:#ff4d4d;border:2px solid #0d1722}.tabs{display:flex;gap:6px;padding:12px 12px 8px}.tabs button{flex:1;background:#ffffff07;border:1px solid #ffffff0e;color:#c9d0d8;border-radius:13px;padding:8px 6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:700;transition:.15s}.tabs button:hover{border-color:#2f6bff88;box-shadow:0 0 14px #2f6bff33}.leagues button:hover{border-color:#2f6bff66}.tabs .active{background:var(--gold-grad);color:#181200;border:0;box-shadow:0 6px 18px #f5c04444}.liveDot{width:8px;height:8px;border-radius:50%;background:#ff3b30;animation:blink 1.2s infinite}@keyframes blink{50%{opacity:.3}}.searchRow{padding:0 12px 8px}.searchBox{display:flex;align-items:center;gap:8px;background:#060d17;border:1px solid #ffffff14;border-radius:14px;padding:9px 11px;color:#8fa0b3;transition:.15s}.searchBox:focus-within{border-color:#f5c04477;box-shadow:var(--ring)}.searchBox input{flex:1;background:none;border:0;color:#fff;font-size:13px;outline:none;min-width:0}.clearQ{background:none;border:0;color:#8fa0b3;font-size:18px;cursor:pointer}.leagues{display:flex;gap:6px;padding:0 12px 10px;overflow:auto;scrollbar-width:none}.leagues button{background:#ffffff07;border:1px solid #ffffff0e;color:#c9d0d8;border-radius:999px;padding:6px 13px;font-size:11px;white-space:nowrap;cursor:pointer;transition:.15s}.leagues button.on{background:linear-gradient(180deg,#2a3f5c,#172839);color:#ffd66a;border-color:#f5c04466;font-weight:800}.matchList{display:flex;flex-direction:column;gap:10px;padding:2px 12px 14px;overflow:auto}.noResult{text-align:center;color:var(--muted);padding:34px 16px;display:grid;gap:8px;justify-items:center}.linkBtn{background:none;border:0;color:var(--gold);cursor:pointer;font-size:13px;font-weight:700}.linkBtn.danger{margin-left:auto;color:#ff8b8b;font-size:12px}.match{padding:13px 13px 12px;border:1px solid #ffffff0e;border-radius:20px;content-visibility:auto;contain-intrinsic-size:auto 190px;background:linear-gradient(180deg,#13233566,#0b1626cc);transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;overflow:hidden;animation:rise .4s ease both}.match:hover .crestDuo{transform:scale(1.07) rotate(-2deg)}.crestDuo{transition:transform .25s ease}.match:hover{border-color:#f5c04444;transform:translateY(-2px);box-shadow:0 14px 34px #0009}.match.isLive{border-color:#2f6bff55;background:linear-gradient(180deg,#13294d66,#0b1626cc)}.match.isLive:hover{border-color:#2f6bffaa;box-shadow:0 14px 34px #0009,0 0 24px #2f6bff33}.match.isLive:after{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:99px;background:var(--royal-grad);box-shadow:0 0 12px #2f6bff}.matchHead,.teams{display:flex;justify-content:space-between;align-items:center;gap:8px}.matchHead small.leagueName{color:var(--muted);font-size:10.5px;letter-spacing:.3px}.kickoff{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.liveBadge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(90deg,#ff2d2d,#ff6b4a);color:#fff;font-size:10px;font-weight:800;padding:3px 9px;border-radius:999px;box-shadow:0 4px 14px #ff2d2d55;animation:liveGlow 2.2s ease-in-out infinite}@keyframes liveGlow{0%,to{box-shadow:0 4px 14px #ff2d2d55}50%{box-shadow:0 4px 22px #ff2d2daa}}.liveBadge i{width:7px;height:7px;border-radius:50%;background:#fff;animation:blink 1s infinite}.hotBadge.lock{background:#2f6bff1a;color:var(--sky);border-color:#2f6bff55}.hotBadge{background:#f5c0441a;color:#ffce4d;border:1px solid #f5c04455;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.5px}.teamNames{display:flex;gap:10px;align-items:center;min-width:0}.crestDuo{flex:none;display:flex;align-items:center;filter:drop-shadow(0 4px 10px #0009)}.crestDuo svg,.crestDuo img{width:34px;height:38px;object-fit:contain}.crestDuo :last-child{margin-left:-9px}.teams{padding:9px 0 10px}.teams b{font-size:13.5px;line-height:1.5}.vs{color:var(--gold);font-weight:800;font-size:11px;background:#f5c04418;border-radius:5px;padding:1px 6px;margin:0 2px}.teams small{color:#8894a3;font-size:11px;display:block;margin-top:2px}.favBtn{background:#ffffff08;border:1px solid #ffffff10;color:#5b6a7d;cursor:pointer;padding:7px;border-radius:13px;transition:.15s}.favBtn:hover{color:var(--gold);border-color:#f5c04455}.favBtn.faved{color:var(--gold);border-color:#f5c04466;background:#f5c04414}.odds{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.odds button{position:relative;border:1px solid #ffffff12;background:linear-gradient(180deg,#18293e,#0e1a2a);color:#dce3eb;border-radius:14px;padding:10px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.15s}.odds button:hover{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 8px 20px #0008}.oddKey{font-size:10.5px;font-weight:800;color:#93a1b2;background:#060d17;border:1px solid #ffffff10;border-radius:8px;padding:2px 7px}.odds button b{font-size:14.5px}.odds .picked{background:var(--gold-grad);color:#181200;border:0;font-weight:900;box-shadow:0 8px 24px #f5c04455}.odds .picked .oddKey{background:#18120022;color:#181200;border:0}.pickedCheck{position:absolute;top:-7px;right:-5px;background:#0d7a3f;color:#fff;border-radius:50%;padding:3px;box-shadow:0 4px 10px #0008}.bottomNav{margin-top:auto;min-height:62px;border-top:1px solid #ffffff0e;display:flex;background:#060c16e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottomNav button{flex:1;background:none;border:0;color:#7d8a9b;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:9px 2px;transition:.15s}.bottomNav button.on{color:var(--gold)}.bnIcon{position:relative;display:grid;place-items:center}.bnBadge{position:absolute;top:-7px;right:-12px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:linear-gradient(180deg,#ff6b6b,#df3434);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;font-style:normal}.panelTitle{padding:14px 18px;font-size:15.5px;font-weight:800;border-bottom:1px solid #ffffff0e;display:flex;align-items:center;gap:8px;color:#ffe9ba}.panelTitle svg{color:var(--gold)}.countBadge{background:linear-gradient(180deg,#ff6b6b,#df3434);color:#fff;border-radius:999px;min-width:22px;height:22px;display:inline-grid;place-items:center;font-size:12px;padding:0 6px;box-shadow:0 4px 12px #df343455}.selection{padding:16px 18px 20px;display:flex;flex-direction:column;gap:4px}.selectionTop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.selectionTop b{display:block;font-size:15px;margin-top:4px}.fldLabel{font-size:11.5px;color:#9aa7b6;display:flex;align-items:center;gap:5px;margin-top:12px;letter-spacing:.3px}.marketTabs{display:flex;gap:6px;margin:10px 0 2px;overflow:auto}.marketTabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#ffffff07;border:1px solid #ffffff0e;color:#c9d0d8;border-radius:12px;padding:8px 6px;font-size:11.5px;font-weight:700;white-space:nowrap;cursor:pointer}.marketTabs button.on{background:linear-gradient(180deg,#2a3f5c,#172839);color:#ffd66a;border-color:#f5c04466}.marketTabs button:disabled{opacity:.45;cursor:not-allowed}.pickMeta small{color:#8fa0b3}.selectedPick{margin:10px 0 4px;background:var(--gold-grad);color:#181200;border-radius:16px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;font-weight:800;box-shadow:0 10px 26px #f5c04444;position:relative;overflow:hidden}.selectedPick:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(100deg,transparent,#ffffff88,transparent);animation:shine 3s infinite;will-change:transform}@keyframes shine{0%{transform:translate(-120%)}60%,to{transform:translate(340%)}}.amount{display:flex;gap:7px;margin-top:9px}.amount button{width:46px;height:48px;flex:none;border:1px solid #ffffff16;background:#ffffff0a;color:#fff;border-radius:14px;cursor:pointer;display:grid;place-items:center;transition:.15s}.amount button:hover{border-color:var(--gold);box-shadow:var(--ring)}.amount input{flex:1;min-width:0;background:#fff;border:0;border-radius:14px;text-align:center;font-size:21px;font-weight:900;color:#111;box-shadow:0 6px 18px #0007}.hint{font-size:11px;color:#758399;margin-top:7px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0 6px}.quick button{border:1px solid #ffffff14;background:#ffffff08;color:#fff;border-radius:13px;padding:10px 4px;cursor:pointer;font-size:13px;font-weight:700;transition:.15s}.quick button:hover{border-color:#f5c04455}.quick button.on{background:linear-gradient(180deg,#2a3f5c,#172839);border-color:var(--gold);color:#ffd66a;box-shadow:var(--ring)}.err{display:flex;align-items:center;gap:6px;color:#ffb0b0;background:#3a141488;border:1px solid #6b2222;border-radius:13px;padding:9px 11px;font-size:12px;margin:8px 0 0}.summary{margin:14px 0 0;display:grid;gap:0;background:#060d17b3;border:1px solid #ffffff12;border-radius:16px;overflow:hidden}.summary div{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;font-size:13px;color:#aab3bf}.summary div+div{border-top:1px dashed #ffffff18}.summary dd{margin:0}.summary b{color:#fff}.summary .total{background:linear-gradient(180deg,#f5c0441c,#f5c04408)}.summary strong{color:var(--gold);font-size:17px;text-shadow:0 2px 12px #f5c04444}.summary small{display:block;color:#8fa0b3;font-size:11px;text-align:right}.saveRow{display:flex;align-items:center;gap:10px;background:none;border:0;color:#c7d0db;font-size:13px;cursor:pointer;padding:12px 2px 0;text-align:left}.saveRow small{color:var(--gold)}.switch{position:relative;width:40px;height:22px;flex:none;border-radius:999px;background:#2a3a4f;border:1px solid #ffffff1c;transition:.2s}.switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#8fa0b3;transition:.2s}.switch.on{background:#0d7a3f;border-color:#22dd72}.switch.on i{left:20px;background:#fff}.primary,.lineBtn{position:relative;overflow:hidden;width:100%;border:0;border-radius:16px;padding:14px;font-size:15px;background:var(--gold-grad);color:#181200;font-weight:900;display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;cursor:pointer;transition:.15s;box-shadow:0 12px 30px #f5c0443d}.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px #f5c04455}.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.fineprint{display:flex;gap:6px;align-items:flex-start;font-size:11px;color:#758399;margin-top:11px;line-height:1.6}.empty{flex:1;min-height:420px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--muted2);padding:50px 24px;text-align:center;line-height:1.8}.empty svg{color:#3b4c63}.empty b{color:#d5dce5}.success{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 0 22px;text-align:center;gap:4px}.success .cardTag{width:100%}.check{width:74px;height:74px;color:#25e28a;margin-top:26px;filter:drop-shadow(0 0 18px #25e28a66);animation:pop .45s ease both}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.success h2{margin:12px 0 2px;font-size:23px;background:linear-gradient(180deg,#fff,#ffd66a);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted);font-size:12px}.ticketId{background:#060d17b3;border:1px dashed #f5c04466;color:#ffd66a;font-size:15px;font-weight:800;margin:12px 16px 2px;padding:11px 14px;border-radius:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:.15s}.ticketId:hover{border-color:var(--gold);box-shadow:var(--ring)}.doneDetail{font-size:12px;color:#aeb8c4;background:#ffffff08;border:1px solid #ffffff0e;border-radius:14px;padding:9px 12px;margin:12px 16px 0;line-height:1.7}.outline{width:calc(100% - 32px);padding:12px;margin:12px 16px 0;border:1px solid #2f6bff55;background:#2f6bff10;color:#cfe0ff;border-radius:15px;display:flex;justify-content:center;align-items:center;gap:7px;cursor:pointer;transition:.15s;font-weight:700}.outline:hover{border-color:var(--gold)}.outline.ghost{background:transparent}.outline.gold{border-color:#f5c04466;color:#ffd66a;background:#f5c04410}.lineBtn{background:linear-gradient(180deg,#2be36f,#0fbf55);color:#fff;width:calc(100% - 32px)}.sent{display:flex;align-items:center;gap:6px;color:#42ed8a;margin:12px 16px 0;font-size:12px;background:#0c2b1a;border:1px solid #155e33;padding:9px 13px;border-radius:999px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.confetti i{position:absolute;top:-16px;width:8px;height:14px;border-radius:2px;animation:confettiFall linear forwards}@keyframes confettiFall{to{transform:translateY(760px) rotate(720deg);opacity:0}}.tvLink{font-size:10px;font-weight:800;color:var(--sky);background:#2f6bff18;border:1px solid #2f6bff55;border-radius:999px;padding:2px 8px;white-space:nowrap;text-decoration:none}.tvLink:hover{background:#2f6bff33}.liveBar{display:flex;align-items:center;gap:7px;margin:0 12px 4px;font-size:11px;font-weight:700;color:#7bf0a4;background:#0c2b1a;border:1px solid #155e33;border-radius:9px;padding:7px 10px}.liveBar b{margin-left:auto;color:#fff;background:#0fbf55;border-radius:999px;padding:2px 9px;font-size:10px}.oddsRefresh{display:inline-flex;align-items:center;gap:4px;border:1px solid #f5c04455;background:#f5c04414;color:#ffd66a;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:800;cursor:pointer;white-space:nowrap}.oddsRefresh:disabled{opacity:.6;cursor:wait}.oddsRefresh .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scoreNow{color:#ffd66a;font-weight:800}.scoreNow .minute{color:#ff6b5e;font-size:12px}.odds button.tickUp{border-color:#22dd72;box-shadow:0 0 0 1px #22dd72,0 8px 20px #22dd7233;animation:tickPulse .7s ease 2}.odds button.tickDown{border-color:#ff5d5d;box-shadow:0 0 0 1px #ff5d5d,0 8px 20px #ff5d5d33;animation:tickPulse .7s ease 2}@keyframes tickPulse{0%{transform:scale(1)}35%{transform:scale(1.045)}to{transform:scale(1)}}.tick{font-size:10px;line-height:1}.tickUp .tick{color:#4be38a}.tickDown .tick{color:#ff8b8b}.odds .picked .tick{color:#181200}.receiptWrap{display:flex;flex-direction:column;gap:9px}.receiptHead{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;color:#e8dfc4;background:#0a121dcc;border:1px solid #ffffff10;border-radius:16px;padding:11px 14px}.receiptHead span:first-child{display:inline-flex;align-items:center;gap:7px}.receiptHead svg{color:var(--gold)}.paperSize{font-size:11px;color:var(--muted);font-weight:400}.receipt{display:flex;flex-direction:column;align-items:center}.paper{position:relative;background:linear-gradient(180deg,#fffdf6,#fff 30%,#f7f4ea);color:#161616;padding:24px 20px 20px;width:100%;min-height:580px;box-shadow:0 24px 60px #000b;border-radius:16px}.paper:before,.paper:after{content:"";position:absolute;left:8px;right:8px;height:10px;background:radial-gradient(circle at 8px 5px,#04060c 6px,transparent 6.5px);background-size:20px 10px}.paper:before{top:-5px;transform:rotate(180deg)}.paper:after{bottom:-5px}.receiptBrand{text-align:center;font-size:27px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(180deg,#8a5f0c,#3d2b04);-webkit-background-clip:text;background-clip:text;color:transparent}.receiptBrand small{display:block;font-size:9px;letter-spacing:4px;font-weight:700;color:#8a7a4d}.paper h3{text-align:center;margin:8px 0 4px;font-size:16px;letter-spacing:2px}.dash{border-top:2px dashed #c9c2ab;margin:13px 0}.rrow{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:3px 0}.rrow span{color:#77705c}.rMatch{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#141414;color:#ffd66a;border-radius:14px;padding:10px 12px;font-size:13px;margin:8px 0}.pill{font-size:10px;background:#f5c044;color:#181200;border-radius:999px;padding:3px 9px;white-space:nowrap;font-weight:800}.qrBox{display:grid;justify-items:center;gap:7px;margin:15px 0 4px;background:#fff;border:1px solid #e5ddc4;border-radius:16px;padding:14px}.qrGrid{display:grid;grid-template-columns:repeat(9,15px);grid-template-rows:repeat(9,15px);gap:1.5px;background:#fff;border:6px solid #fff}.qrGrid i{display:block;border-radius:1.5px}.qrGrid .b{background:#111}.qrGrid .w{background:#f1eee2}.qrBox small{display:flex;align-items:center;gap:5px;color:#555;font-size:11px;text-align:center}.barcode{display:flex;gap:2px;align-items:stretch;height:46px;background:#fff;border:1px solid #e5ddc4;border-radius:12px;padding:8px 12px;margin-top:10px}.barcode i{background:#141414;display:block}.verifyBtn{width:100%;margin-top:10px;padding:11px;border:1px dashed #8a7a4d;background:#fbf6e8;color:#6b5a1e;border-radius:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.verifyBtn:disabled{opacity:.55;cursor:not-allowed}.verifyOk{margin-top:10px;padding:10px 12px;border-radius:14px;background:#e9f9ef;border:1px solid #0aa14f55;color:#0a7a3c;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px}.paper .center{display:block;text-align:center;font-size:12px;line-height:1.7}.thanks small{color:#99917a}.receiptActions{display:flex;width:100%;gap:8px}.receiptActions button{flex:1;padding:12px;background:linear-gradient(180deg,#1b2c42,#101d2f);color:#fff;border:1px solid #ffffff1a;border-radius:16px;display:flex;justify-content:center;align-items:center;gap:6px;cursor:pointer;font-weight:700;transition:.15s}.receiptActions button:hover{border-color:var(--gold);box-shadow:var(--ring)}.linePreview{background:linear-gradient(180deg,#dfe7ee,#cfdae4);border-radius:var(--radius);padding:12px;color:#17202a;min-height:700px;display:flex;flex-direction:column;gap:9px;border:1px solid #ffffff22;box-shadow:var(--shadow)}.lineHeadRow{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;color:#2b3542}.lineHeadRow span:first-child{display:inline-flex;align-items:center;gap:6px}.lineState{font-size:11px;color:#8a94a0;font-weight:700;background:#fff;border-radius:999px;padding:4px 11px}.lineState.on{color:#0aa14f}.linePhone{background:#8fa2b5;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;min-height:620px;box-shadow:0 18px 40px #0004}.lineHeader{background:linear-gradient(180deg,#0bd964,#06b650);color:#fff;padding:12px 14px;font-weight:800;display:flex;gap:10px;align-items:center}.lineAvatar{width:36px;height:36px;border-radius:50%;background:#ffffff30;display:grid;place-items:center;box-shadow:0 0 0 2px #fff4}.lineName{display:flex;flex-direction:column;line-height:1.25;font-size:14px}.lineName small{font-weight:400;font-size:11px;opacity:.92}.lineHeader svg:last-child{margin-left:auto}.lineBody{flex:1;padding:13px 12px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(180deg,#93a7bc,#a9bccd)}.lineDate{align-self:center;background:#00000030;color:#fff;font-size:11px;border-radius:999px;padding:4px 11px}.bubble{max-width:94%;border-radius:15px;padding:9px 12px;font-size:13px;line-height:1.65;box-shadow:0 6px 16px #0002;animation:rise .3s ease both}.bubble.user{align-self:flex-end;background:linear-gradient(180deg,#0bd964,#06b650);color:#fff;border-bottom-right-radius:5px}.bubble.user.small{font-size:12px}.bubble.bot{align-self:flex-start;background:#fff;color:#17202a;border-bottom-left-radius:5px;padding:0;overflow:hidden}.lineCard{padding:14px}.lineTitle{font-weight:900;color:#0ea84e;font-size:15px;display:flex;align-items:center;gap:6px;margin-bottom:7px}.lr{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:2.5px 0}.lr span{color:#68727e}.lr.match{justify-content:flex-start;font-weight:700;background:#f2f7f2;border-radius:12px;padding:6px 9px;margin:4px 0}.lr .green{color:#0ea84e;font-weight:800}.miniQR{display:grid;grid-template-columns:repeat(5,17px);grid-auto-rows:17px;gap:2px;justify-content:center;background:#f2f4f6;border-radius:14px;padding:12px;margin:11px 0}.miniQR .b{background:#111;border-radius:2px}.miniQR .w{background:#fff;border:1px solid #e2e6ea;border-radius:2px}.lineAction{width:100%;padding:11px;border:0;border-radius:13px;background:linear-gradient(180deg,#0bd964,#06b650);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #06b65044}.lineMiniRow{display:flex;gap:7px;margin-top:8px}.lineMini{flex:1;padding:9px 6px;border-radius:12px;border:1px solid #d5dde4;background:#f2f6f9;color:#0a7a3c;font-weight:800;font-size:12px;cursor:pointer}.lineMini.alt{background:#fff;color:#17202a}.lineTime{display:block;text-align:right;color:#8a94a0;font-size:11px;margin-top:7px}.lineInput{margin:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:13px 15px;color:#9aa4b0;font-size:13px}.sheetOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}}.sheet{width:min(480px,100%);max-height:76vh;overflow:auto;background:linear-gradient(180deg,#141f31,#080e17);border:1px solid #ffffff1c;border-bottom:0;border-radius:26px 26px 0 0;padding:10px 16px 22px;animation:slideUp .25s ease;box-shadow:0 -18px 60px #000c}@keyframes slideUp{0%{transform:translateY(48px);opacity:0}}.sheetBar{width:44px;height:5px;border-radius:99px;background:#ffffff2a;margin:4px auto 10px}.sheetHead{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:6px;color:#ffe9ba}.sheetRow{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:#ffffff08;border:1px solid #ffffff10;color:#fff;border-radius:16px;padding:12px;margin-top:8px;cursor:pointer;transition:.15s}.sheetRow:hover{border-color:#f5c04466}.sheetRow svg{flex:none;color:var(--gold)}.sheetRow small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sheetRow.static{cursor:default}.histId{color:#ffd66a;font-size:13px}.okTag{font-style:normal;font-size:10px;font-weight:800;color:#0a1a0d;background:#5cf08f;border-radius:999px;padding:2px 9px;margin-left:auto;white-space:nowrap}.pendingTag{font-style:normal;font-size:10px;font-weight:800;color:#0a1a0d;background:#ffd66a;border-radius:999px;padding:1px 8px;margin-left:6px}.sheetEmpty{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;color:var(--muted2);padding:30px 16px;line-height:1.8}.sheetEmpty b{color:#d5dce5}.sheetEmpty svg{color:#3b4c63}.sheetFoot{text-align:center;color:var(--muted2);font-size:11px;margin-top:14px}.foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:17px 26px;color:#6b7684;font-size:12px;border-top:1px solid #f5c0441e;background:#050910b3}.footRight{display:inline-flex;align-items:center;gap:5px;color:#ffdf9e}.adminWrap{max-width:1560px;margin:auto;padding:16px 22px 22px;display:flex;flex-direction:column;gap:12px}.adminHead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;background:#0a121dcc;border:1px solid #ffffff10;border-radius:18px;padding:14px 18px}.adminHead span:first-child{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:#ffe9ba}.adminHead svg{color:var(--gold)}.adminHead small{color:var(--muted);font-size:12px}.statCards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.statCard{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#101d2f,#0a141f);border:1px solid #ffffff14;border-radius:18px;padding:14px 16px;box-shadow:0 12px 30px #0007}.statCard svg{flex:none;width:36px;height:36px;padding:9px;border-radius:10px;background:#f5c04414;color:var(--gold)}.statCard:nth-child(2n) svg{background:#2f6bff18;color:var(--sky)}.statCard small{color:var(--muted);font-size:11px;display:block}.statCard b{display:block;font-size:17px;color:#fff}.statCard span{font-size:11px;color:var(--muted2)}.adminGrid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;align-items:start}.adminPanel{background:linear-gradient(180deg,#111d2df0,#060c16f5);border:1px solid #ffffff12;border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.adminPanelHead{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#ffe9ba;padding-bottom:10px;border-bottom:1px solid #ffffff0e;margin-bottom:4px}.adminPanelHead b{display:inline-flex;align-items:center;gap:7px}.adminPanelHead svg{color:var(--gold)}.adminPanelHead span{font-size:11px;color:var(--muted)}.billRow{display:flex;gap:12px;align-items:center;background:#ffffff08;border:1px solid #ffffff10;border-radius:16px;padding:11px 12px;margin-top:8px}.billRow svg{flex:none;color:#25e28a}.billRow small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.billMoney{margin-left:auto;text-align:right;flex:none}.billMoney b{color:#fff;font-size:14px}.billMoney small{display:block;color:#8fa0b3;font-size:11px}.adminBtn{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:#ffffff08;border:1px solid #ffffff14;color:#fff;border-radius:16px;padding:12px;margin-top:8px;cursor:pointer;font-weight:700;transition:.15s}.adminBtn:hover{border-color:#f5c04466}.adminBtn svg{flex:none;color:var(--gold)}.adminBtn small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:2px}.adminBtn:disabled{opacity:.45;cursor:not-allowed}.adminBtn.danger svg{color:#ff8b8b}.adminBtn.gold{border-color:#f5c04466;background:#f5c04410;color:#ffd66a}.keyRow{margin-top:10px;background:#ffffff08;border:1px solid #ffffff10;border-radius:16px;padding:11px 12px}.keyRow label{font-size:12.5px;font-weight:800;color:#ffe9ba}.keyRow label small{color:var(--muted);font-weight:400}.keyBox{display:flex;gap:7px;margin-top:8px}.keyBox input{flex:1;min-width:0;background:#060d17;border:1px solid #ffffff1c;border-radius:10px;color:#fff;font-size:13px;padding:9px 11px;outline:none}.keyBox input:focus{border-color:#f5c04477}.keyBox button{flex:none;border:0;border-radius:10px;padding:9px 16px;font-weight:800;cursor:pointer;background:var(--gold-grad);color:#181200}.keyHint{display:block;color:var(--muted2);font-size:11px;margin-top:7px;line-height:1.6}.pctTag{align-self:center;color:var(--muted);font-weight:800}.keyRow .adminBtn{margin-top:10px}.oddsNote{color:var(--muted);font-size:12px;margin:2px 0 4px;line-height:1.7}.oddsRow{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#ffffff08;border:1px solid #ffffff10;border-radius:16px;padding:10px 12px;margin-top:8px}.oddsWho{min-width:0}.oddsWho b{display:block;font-size:13px}.oddsWho small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.lockTag{font-style:normal;color:#0a1a0d;background:#5cf08f;border-radius:999px;padding:1px 8px;margin-left:6px;font-weight:800}.oddsInputs{display:flex;gap:6px;align-items:flex-end}.oddsInputs label{display:flex;flex-direction:column;gap:3px;font-size:10px;font-weight:800;color:var(--muted);text-align:center}.oddsInputs input{width:62px;background:#060d17;border:1px solid #ffffff1c;border-radius:10px;color:#ffd66a;font-size:14px;font-weight:800;text-align:center;padding:8px 4px;outline:none}.oddsInputs input:focus{border-color:#f5c04477}.oddsInputs button{border:0;border-radius:10px;padding:9px 14px;font-weight:800;cursor:pointer;background:var(--gold-grad);color:#181200;align-self:flex-end}.phoneTag{font-size:10px;font-weight:700;color:var(--muted);background:#ffffff10;border-radius:999px;padding:1px 8px;margin-left:6px}.topBtns{margin-left:auto;display:flex;gap:5px;flex:none}.topBtns button{display:inline-flex;align-items:center;gap:3px;border:1px solid #22dd7255;background:#22dd7214;color:#4be38a;border-radius:9px;padding:6px 9px;font-size:11px;font-weight:800;cursor:pointer}.topBtns button.neg{border-color:#ff5d5d55;background:#ff5d5d14;color:#ff8b8b}.topBtns button:active{transform:scale(.93)}.bankGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.bankGrid input{background:#060d17;border:1px solid #ffffff1c;border-radius:10px;color:#fff;font-size:13px;padding:9px 11px;outline:none;min-width:0}.bankGrid input:focus{border-color:#f5c04477}.bankGrid button{grid-column:1/-1;border:0;border-radius:10px;padding:10px;font-weight:800;cursor:pointer;background:var(--gold-grad);color:#181200}.stOk{color:#25e28a!important}.stNo{color:#ff8b8b!important}.stWait{color:#ffd66a!important}.ctaBtn{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:10px 18px;border:0;border-radius:14px;background:var(--gold-grad);color:#181200;font-weight:800;cursor:pointer}.adminShell{position:relative;z-index:1;max-width:1020px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;gap:12px;padding:16px 18px 28px}.adminTop{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;background:#050910d9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid #f5c0442e;border-radius:20px;padding:10px 14px}.adminLogo{height:34px;width:auto;border-radius:8px}.adminTag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#ffe9ba;background:#f5c04414;border:1px solid #f5c04433;border-radius:999px;padding:5px 12px}.adminActs{margin-left:auto;display:flex;gap:8px}.adminTopBtn{display:inline-flex;align-items:center;gap:6px;border:1px solid #f5c04455;background:#f5c04414;color:var(--gold);border-radius:10px;padding:8px 13px;font-size:12.5px;font-weight:800;cursor:pointer}.adminTopBtn.ghost{background:#2f6bff14;border-color:#2f6bff55;color:var(--sky);padding:8px 11px}.adminTopBtn:active{transform:scale(.95)}.pinCard{margin:auto;width:min(380px,100%);background:linear-gradient(180deg,#131f30,#080e17);border:1px solid #f5c04433;border-radius:28px;padding:30px 26px 24px;text-align:center;box-shadow:0 24px 70px #000c;display:flex;flex-direction:column;align-items:center}.pinCard.shake{animation:shake .35s ease}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pinLogo{width:min(250px,70vw);border-radius:12px;filter:drop-shadow(0 8px 30px #f5c04444)}.pinTitle{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:15px;font-weight:800;color:#ffe9ba}.pinSub{color:var(--muted);font-size:12.5px;margin:6px 0 0}.pinDots{display:flex;gap:12px;margin:18px 0 4px}.pinDots i{width:16px;height:16px;border-radius:50%;border:1.5px solid #ffffff33;transition:.15s}.pinDots i.on{background:var(--gold-grad);border-color:transparent;box-shadow:0 0 12px #f5c04488}.pinErr{font-size:12px;color:#ff8b8b;min-height:18px;margin:6px 0;opacity:0}.pinErr.show{opacity:1}.pinPad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:6px}.pinPad button{border:1px solid #ffffff14;background:#ffffff08;color:#fff;border-radius:18px;font-size:21px;font-weight:800;padding:14px 0;cursor:pointer;transition:.12s}.pinPad button:hover{border-color:#f5c04466}.pinPad button:active{transform:scale(.93);background:#f5c04422}.pinCard .linkBtn{margin-top:16px}.mobileApp{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1;background:linear-gradient(180deg,#05080faa,#05080f66 30%,#05080f66 70%,#05080faa)}.appBar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#050910d1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #f5c0442e}.appBrand{display:flex;align-items:center;gap:8px}.appLogo{height:36px;width:auto;border-radius:12px;display:block;box-shadow:0 4px 14px #000a}.appCrown{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;font-size:18px;color:#181200;background:var(--gold-grad);box-shadow:0 4px 14px #f5c04455}.appBrand b{font-size:19px;font-style:italic;letter-spacing:-.5px;background:linear-gradient(180deg,#fff6d8,#f5c044 60%,#c98a0e);-webkit-background-clip:text;background-clip:text;color:transparent}button.appStaff{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#cfe0ff;background:#2f6bff14;border:1px solid #2f6bff44;border-radius:999px;padding:5px 10px;cursor:pointer;font-family:inherit}button.appStaff b{color:#ffd66a}button.appStaff.member{border-color:#f5c04466;background:#f5c04414;color:#ffe9ba}.viewToggle{width:36px;height:36px;border-radius:14px;border:1px solid #f5c04455;background:#f5c04414;color:var(--gold);display:grid;place-items:center;cursor:pointer;transition:.15s}.viewToggle:active{transform:scale(.92)}.viewToggle.on{background:var(--gold-grad);color:#181200;border:0}.page{flex:1;padding:14px 12px 104px;animation:pageIn .28s ease}@keyframes pageIn{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}.pageHead{padding:2px 4px 12px}.pageHead small{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--gold)}.pageHead b{display:block;font-size:22px;letter-spacing:-.3px}.pageHead span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.mobileApp .cardTag{display:none}.mobileApp .phone-like,.mobileApp .linePreview{min-height:0}.lineGap{height:12px}.pageEmpty{background:linear-gradient(180deg,#111d2df0,#060c16f5);border:1px solid #ffffff12;border-radius:var(--radius)}.meCard{display:flex;gap:12px;align-items:center;background:linear-gradient(180deg,#101d2f,#0a141f);border:1px solid #f5c04433;border-radius:18px;padding:14px;margin-bottom:4px}.meAvatar{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;color:#181200;background:var(--gold-grad);box-shadow:0 6px 18px #f5c04444}.meCard b{display:block;font-size:15px}.meCard small{color:var(--muted);font-size:11.5px}.rowGo{margin-left:auto;color:var(--muted2)!important}.tabBar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100%);z-index:50;display:flex;background:#060b14eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #f5c0442e;padding:8px 6px calc(10px + env(safe-area-inset-bottom))}.tabBar button{position:relative;flex:1;background:none;border:0;color:#7d8a9b;font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 2px;transition:.15s}.tabBar button:active{transform:scale(.9)}.tabBar button.on{color:var(--gold)}.tabBar button.on .tabIcon{animation:tabPop .32s ease}@keyframes tabPop{0%{transform:scale(.55)}60%{transform:scale(1.18)}to{transform:scale(1)}}.tabBar button.on:before{content:"";position:absolute;top:-9px;width:26px;height:3px;border-radius:99px;background:var(--gold-grad);box-shadow:0 2px 10px #f5c04488}.tabIcon{position:relative;display:grid;place-items:center}.tabBadge{position:absolute;top:-7px;right:-13px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:linear-gradient(180deg,#ff6b6b,#df3434);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;font-style:normal}[data-fx=eco] .dust,[data-fx=eco] .embers,[data-fx=eco] .smoke,[data-fx=eco] .beam,[data-fx=eco] .bokeh,[data-fx=eco] .kongPhoto,[data-fx=eco] .floodTop{animation:none!important}[data-fx=eco] .bgFx{opacity:.75}[data-fx=eco] .confetti{display:none}.fxRow{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffff08;border:1px solid #ffffff10;border-radius:16px;padding:11px 12px;margin-top:8px}.fxRow b{font-size:13px}.fxRow small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.fxSeg{display:flex;gap:4px;background:#060d17;border:1px solid #ffffff14;border-radius:11px;padding:3px;flex:none}.fxSeg button{border:0;background:transparent;color:#9aa6b5;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}.fxSeg button.on{background:var(--gold-grad);color:#181200}.pwaOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:22px;animation:fadeIn .25s ease}.pwaCard{display:flex;align-items:center;gap:10px;width:min(400px,100%);background:#0a111cf7;border:1px solid #f5c04466;border-radius:20px;padding:16px 14px;box-shadow:0 24px 70px #000,0 0 40px #f5c04422;animation:pop .35s cubic-bezier(.2,.9,.3,1.25)}.pwaLogo{height:38px;width:auto;border-radius:8px;flex:none}.pwaText{flex:1;min-width:0}.pwaText b{display:block;font-size:13.5px}.pwaText small{display:block;color:var(--muted);font-size:11.5px;margin-top:1px}.pwaBtn{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:12px;padding:10px 15px;font-weight:900;font-size:13px;background:var(--gold-grad);color:#181200;cursor:pointer}.pwaBtn:active{transform:scale(.95)}.pwaIos{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#2f6bff1e;color:var(--sky)}.pwaX{flex:none;background:none;border:0;color:var(--muted2);cursor:pointer;padding:6px}.authWrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 14px;position:relative;z-index:1}.authCard{width:min(400px,100%);background:linear-gradient(180deg,#131f30,#080e17);border:1px solid #f5c04433;border-radius:24px;padding:26px 22px;display:flex;flex-direction:column;box-shadow:0 24px 70px #000c;animation:rise .4s ease both}.authCard.shake{animation:shake .35s ease}.authLogo{width:min(230px,64vw);margin:0 auto;border-radius:10px;filter:drop-shadow(0 8px 26px #f5c04444)}.authTag{text-align:center;color:var(--muted);font-size:12px;margin:8px 0 14px}.authTabs{margin-bottom:12px}.authTabs button{flex:1}.authFld{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#9aa7b6;margin-top:10px}.authFld input{background:#060d17;border:1px solid #ffffff1c;border-radius:12px;color:#fff;font-size:16px;padding:12px;outline:none;width:100%}.authFld input:focus{border-color:#f5c04477;box-shadow:var(--ring)}.authCard .err{margin-top:10px}.authCard .primary{margin-top:14px}.authGuest{margin:12px auto 0;display:inline-flex;align-items:center;gap:6px}.topCard{display:flex;gap:12px;align-items:center;border-radius:18px;padding:14px 15px;margin-bottom:10px;border:1px solid #ffffff14;background:linear-gradient(180deg,#101d2f,#0a141f)}.topCard.gold{border-color:#f5c04444;background:linear-gradient(180deg,#241b08,#0a0805)}.topCard svg{flex:none;color:var(--gold)}.topCard b{display:block;font-size:14px}.topCard small{color:var(--muted);font-size:11.5px}.amtGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:7px}.amtGrid button{border:1px solid #ffffff14;background:#ffffff08;color:#fff;border-radius:13px;padding:12px 4px;font-size:14px;font-weight:800;cursor:pointer}.amtGrid button.on{background:var(--gold-grad);color:#181200;border:0}.customAmt{margin-top:0}.qrPay{display:grid;justify-items:center;gap:6px;background:#fff;border-radius:18px;padding:18px;margin:10px 0}.qrPay img{width:220px;height:220px}.qrPay b{color:#111;font-size:20px}.qrPay small{color:#666;font-size:12px}.miniHead{font-size:12px;font-weight:800;color:var(--muted);margin:14px 0 2px;letter-spacing:.5px}.tabBar button,.odds button,.quick button,.primary,.lineBtn,.outline,.sheetRow,.adminBtn{transition:transform .12s ease}.primary:active,.lineBtn:active,.outline:active{transform:scale(.97)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.introVideo{width:100%;height:100%;object-fit:cover}.introSkip{position:absolute;right:14px;bottom:calc(20px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:4px;background:#000a;color:#fff;border:1px solid #ffffff33;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer}.introCta{flex-direction:column;gap:14px;padding:24px;text-align:center;background:radial-gradient(600px 400px at 50% 20%,#4a3a12 0%,transparent 65%),#030302}.introLogo{width:min(330px,78vw);filter:drop-shadow(0 10px 40px #f5c04455);animation:rise .5s ease both}.introTag{color:#ffdf9e;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0}.introEnter{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:18px;padding:16px 34px;font-size:17px;font-weight:900;background:var(--gold-grad);color:#181200;cursor:pointer;box-shadow:0 14px 44px #f5c04455;animation:introPulse 1.8s ease-in-out infinite}@keyframes introPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.introFine{color:var(--muted2);font-size:11px}.bellBtn{position:relative;width:36px;height:36px;border-radius:14px;border:1px solid #ffffff14;background:#ffffff08;color:#c9d0d8;display:grid;place-items:center;cursor:pointer;transition:.15s}.bellBtn:active{transform:scale(.9)}.bellBtn .tabBadge{right:-6px}.toasts{position:fixed;top:66px;left:50%;transform:translate(-50%);width:min(440px,calc(100% - 24px));z-index:80;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{position:relative;overflow:hidden;pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;background:#0a111cf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #f5c04455;color:#fff;border-radius:18px;padding:11px 13px;box-shadow:0 14px 40px #000c;animation:toastIn .3s cubic-bezier(.2,.9,.3,1.2)}.toast:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left;background:linear-gradient(90deg,var(--gold),transparent);animation:toastBar 3.8s linear forwards}@keyframes toastBar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.96)}}.toastIcon{flex:none;width:36px;height:36px;border-radius:13px;display:grid;place-items:center;background:#f5c04418;color:var(--gold)}.toast.goal{border-color:#ff5d5d88}.toast.goal .toastIcon{background:#ff5d5d1c;color:#ff8b8b}.toast.line .toastIcon,.toast.verify .toastIcon{background:#22dd7218;color:#4be38a}.toast.info .toastIcon,.toast.copy .toastIcon{background:#2f6bff1e;color:var(--sky)}.toastText{min-width:0;flex:1}.toastText b{display:block;font-size:13.5px}.toastText small{display:block;color:var(--muted);font-size:11.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toastGo{flex:none;color:var(--muted2)}.notifOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:70;display:flex;align-items:flex-start;justify-content:center;animation:fadeIn .2s ease}.notifPanel{width:min(440px,calc(100% - 24px));max-height:70vh;overflow:auto;margin-top:70px;background:linear-gradient(180deg,#141f31,#080e17);border:1px solid #ffffff1c;border-radius:26px;padding:10px 16px 20px;box-shadow:0 -18px 60px #000c;animation:toastIn .25s ease}.notifTools{display:flex;align-items:center;gap:8px}@media (max-width:1350px){.grid{grid-template-columns:1.2fr 1fr 1fr}.linePreview{grid-column:span 2}.receiptWrap{grid-column:span 1}.statCards{grid-template-columns:repeat(2,1fr)}}@media (max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.topFeatures{display:none}.heroStrip{grid-template-columns:1fr 1fr}.receiptWrap,.linePreview{grid-column:auto}.adminGrid{grid-template-columns:1fr}}@media (max-width:720px){.top{min-height:0;padding:13px 15px;gap:13px}.heroText{display:none}.brand{min-width:0}.brand b{font-size:27px}.crown{width:44px;height:44px;font-size:23px;border-radius:13px}.kongPhoto{opacity:.35}.topMeta{margin-left:auto}.balanceChip b{font-size:13px}.heroStrip{grid-template-columns:1fr;padding:0 12px}.steps{grid-template-columns:repeat(3,1fr);gap:6px;font-size:10.5px}.steps em{width:22px;height:22px;font-size:11px}.grid{grid-template-columns:1fr;padding:12px;gap:12px}.adminWrap{padding:12px}.statCards{grid-template-columns:1fr 1fr}.phone-like,.linePreview{min-height:0}.empty{min-height:260px}.foot{font-size:11px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{body{background:#fff}.bgFx,.top,.viewBar,.appBar,.tabBar,.pageHead,.toasts,.pwaCard,.heroStrip,.steps,.matches,.slip,.success,.linePreview,.receiptActions,.foot,.receiptHead,.adminWrap{display:none!important}.app{background:#fff}.grid{display:block;padding:0;max-width:none}.paper{box-shadow:none;border-radius:0;min-height:0}.paper:before,.paper:after{display:none}}