@font-face{font-family:MyanmarSagar;src:url(/assets/MyanmarSagar-Cf-4CqxB.ttf)format("truetype");font-weight:400 800;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0b1e;--gold:#e8b84b;--gold2:#fff1c1;--muted:#b8add8}body{background:radial-gradient(1000px 600px at 20% -10%,#35247a 0%,transparent 60%),radial-gradient(900px 500px at 90% 10%,#4a1e6b 0%,transparent 60%),var(--bg);color:#f3efff;min-height:100vh;font-family:MyanmarSagar,Noto Sans Myanmar,system-ui,sans-serif}.stars-bg{min-height:100vh;position:relative}.stars-bg:before{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(1px 1px at 10% 20%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(1.5px 1.5px at 50% 60%,#ffe9a8,#0000),radial-gradient(1px 1px at 30% 80%,#fff,#0000),radial-gradient(1px 1px at 90% 70%,#fff,#0000),radial-gradient(1px 1px at 60% 30%,#fff,#0000);position:fixed;inset:0}.container{z-index:1;max-width:1080px;margin:0 auto;padding:24px 18px 80px;position:relative}.hero{text-align:center;padding:28px 0 8px}.moon{color:var(--gold2);justify-content:center;display:flex}.badge{color:var(--gold2);background:#e8b84b1a;border:1px solid #e8b84b80;border-radius:100px;align-items:center;gap:6px;margin-top:8px;padding:6px 16px;font-size:13px;display:inline-flex}h1{background:linear-gradient(#fff6d6,#e8b84b);color:#0000;-webkit-background-clip:text;background-clip:text;margin:12px 0 6px;font-size:clamp(30px,5vw,50px)}.subtitle{color:var(--muted);line-height:1.9}.engine-note{color:#8f83b8;border:1px dashed #fff3;border-radius:10px;margin-top:10px;padding:6px 12px;font-size:12px;display:inline-block}.panel{background:linear-gradient(#ffffff14,#ffffff05);border:1px solid #ffffff1f;border-radius:20px;margin-top:20px;padding:22px;box-shadow:0 20px 60px #0006}.panel h2{color:var(--gold2);align-items:center;gap:8px;font-size:19px;display:flex}.desc{color:var(--muted);margin-top:4px;font-size:14.5px;line-height:1.9}.cat-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}@media (width<=700px){.cat-grid{grid-template-columns:repeat(2,1fr)}}.cat{cursor:pointer;text-align:center;color:#fff;background:#221b4d;border:1px solid #ffffff24;border-radius:16px;padding:14px 10px;font-family:inherit;transition:all .2s}.cat:hover{border-color:var(--gold);transform:translateY(-3px)}.cat.active{border-color:var(--gold);background:linear-gradient(#3a2d7a,#221b4d);box-shadow:0 0 0 2px #e8b84b59}.cat .ico{font-size:30px}.cat .t{margin-top:6px;font-weight:700}.cat .s{color:var(--muted);font-size:12px}.qa{margin-top:14px}.qa input{color:#fff;background:#120e2a;border:1px solid #ffffff2e;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:15px}.qa input:focus{border-color:var(--gold)}.controls{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}button{cursor:pointer;border:none;border-radius:12px;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:700;transition:all .2s}.btn-gold{color:#3a2400;background:linear-gradient(#ffe9a8,#e8b84b);flex:1;min-width:180px}.btn-gold:disabled{opacity:.6;cursor:wait}.btn-ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff2e}.hint{text-align:center;color:var(--muted);margin-top:10px;font-size:13.5px}.spread{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}@media (width<=700px){.spread{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto}}.tcard{perspective:1200px;height:440px}.inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.3,1.2);position:relative}.tcard.flip .inner{transform:rotateY(180deg)}.face{backface-visibility:hidden;border-radius:18px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.back{cursor:pointer;color:#e3b866;background:linear-gradient(#1b2450,#0e1430);border:2px solid #c9a24a;justify-content:center;align-items:center;padding:10px;box-shadow:inset 0 0 0 4px #0e1430,inset 0 0 0 5px #c9a24a8c}.back-label{text-align:center;background:linear-gradient(#0000,#0a0e23f0);padding:22px 10px 12px;position:absolute;bottom:0;left:0;right:0}.back-label .bt{color:#fff1c1;font-size:15px;font-weight:700}.back-label small{color:#b8add8;font-size:11.5px}.front{color:#f0d992;text-align:center;background:linear-gradient(#1c2552,#10173a);border:2px solid #c9a24a;padding:10px;transform:rotateY(180deg);box-shadow:inset 0 0 0 4px #10173a,inset 0 0 0 5px #c9a24a8c}.front .pos{color:#ffe9a8;background:#c9a24a29;border:1px solid #c9a24a80;border-radius:100px;margin-bottom:6px;padding:2px 12px;font-size:11px;font-weight:800;display:inline-block}.front .ori{z-index:2;border-radius:100px;padding:3px 9px;font-size:10.5px;font-weight:800;position:absolute;top:10px;right:10px}.ori.up{color:#fff;background:#1a7a3aeb}.ori.rv{color:#fff;background:#9c1e3af0}.front .tart{flex:1;width:100%;min-height:0}.tart{color:#e3b866;flex-direction:column;align-items:center;height:100%;display:flex}.tnum{letter-spacing:3px;font-size:12px;font-weight:700}.tart-inner{flex:1;width:100%;min-height:0}.tart-inner svg{width:100%;height:100%;display:block}.tart-inner.flip180{transform:rotate(180deg)}.tname{color:#ffe9a8;margin-top:2px;font-size:16px;font-weight:800}.ten{opacity:.65;letter-spacing:1px;font-size:10px}.tkey{opacity:.6;margin-top:2px;font-size:10px;line-height:1.5}.read-head{align-items:center;gap:12px;display:flex}.read-head h3{color:var(--gold2);flex:1;font-size:16px}.tart.mini{flex-shrink:0;width:54px;height:94px}.tart.mini .tnum{letter-spacing:1px;font-size:9px}.tart.mini .tname{display:none}.result{margin-top:18px;animation:.6s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.read{border-left:4px solid var(--gold);background:#00000047;border-radius:0 14px 14px 0;margin-top:12px;padding:14px 16px}.read h3{color:var(--gold2);font-size:16px}.read .meta{color:var(--muted);margin:4px 0 8px;font-size:12.5px}.read p{color:#efe8ff;margin-top:6px;font-size:14.5px;line-height:2}.read .act{color:#ffe9a8}.summary{background:linear-gradient(#e8b84b2e,#e8b84b0f);border:1px solid #e8b84b80;border-radius:14px;margin-top:14px;padding:16px;font-size:15px;line-height:2}.summary small{color:var(--muted)}.history{flex-direction:column;gap:8px;margin-top:12px;display:flex}.hitem{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.8}.hitem small{color:var(--muted)}footer{text-align:center;color:var(--muted);opacity:.8;margin-top:26px;font-size:12.5px;line-height:1.9}.shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.deck-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.deck-label{color:var(--muted);font-size:13.5px}.deck-btn{color:#fff;background:#ffffff12;border:1px solid #ffffff29;border-radius:100px;padding:8px 14px;font-size:13px;font-weight:600}.deck-btn.on{border-color:var(--gold);color:var(--gold2);background:#e8b84b2e}.front .mm{color:#ffe9a8;font-size:19px;font-weight:800}.bday-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.bday-row select{color:#fff;background:#120e2a;border:1px solid #ffffff2e;border-radius:12px;padding:12px;font-family:inherit;font-size:14px}.bday-row select:focus{border-color:var(--gold)}.z-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin-top:16px;display:grid}@media (width<=800px){.z-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=520px){.z-grid{grid-template-columns:repeat(3,1fr)}}.z-btn{color:#fff;cursor:pointer;background:#221b4d;border:1px solid #ffffff24;border-radius:14px;padding:10px 4px;font-family:inherit;transition:all .2s}.z-btn:hover{border-color:var(--gold);transform:translateY(-2px)}.z-btn.on{border-color:var(--gold);background:linear-gradient(#3a2d7a,#221b4d);box-shadow:0 0 0 2px #e8b84b59}.z-btn .zsym{color:var(--gold2);font-size:24px}.z-btn .zt{margin-top:2px;font-size:13px;font-weight:700}.z-btn .zs{color:var(--muted);font-size:10px}.z-detail{background:#00000047;border:1px solid #e8b84b66;border-radius:14px;margin-top:14px;padding:16px;font-size:14.5px;line-height:2}.z-detail h3{color:var(--gold2);font-size:18px}.z-detail .meta{color:var(--muted);font-size:12.5px}.z-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.z-big{color:var(--gold2);font-size:52px;line-height:1}.chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{color:#ffe9a8;background:#e8b84b24;border:1px solid #e8b84b66;border-radius:100px;padding:2px 10px;font-size:12px}.cols2{grid-template-columns:1fr 1fr;gap:10px;margin:8px 0;display:grid}@media (width<=600px){.cols2{grid-template-columns:1fr}}.cols2 ul{margin-left:18px}.minibtn{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:100px;margin:2px;padding:5px 12px;font-size:12.5px;font-weight:600}.minibtn:hover{border-color:var(--gold)}.harmony{background:#7c5cff1f;border:1px dashed #7c5cff80;border-radius:10px;margin-top:10px;padding:10px 12px;font-size:14px;line-height:1.9}.main-nav{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0b1ee0;border:1px solid #ffffff1f;border-radius:16px;gap:10px;margin-top:18px;padding:10px;display:flex;position:sticky;top:0}.main-nav button{color:#fff;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;flex:1;padding:12px;font-size:15px;font-weight:700}.main-nav button.on{color:#3a2400;background:linear-gradient(#ffe9a8,#e8b84b);border-color:#0000;box-shadow:0 6px 20px #e8b84b59}.main-nav button{justify-content:center;align-items:center;gap:8px;display:flex}button svg{flex-shrink:0}.controls button,.bday-row .btn-gold,.match-picks button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.hint{text-align:center;justify-content:center;align-items:center;gap:6px;display:flex}.back-label .bt{justify-content:center;align-items:center;gap:6px;display:flex}.read-head h3{align-items:center;gap:7px;display:flex}.cat .ico{color:var(--gold2);justify-content:center;display:flex}.chip{align-items:center;gap:5px;display:inline-flex}.pct-num{justify-content:center;align-items:center;gap:8px;display:flex}.read b svg,.z-detail b svg,.summary b svg,.summary small svg,.hint svg,.engine-note svg,footer svg{vertical-align:-2px}.main-nav{flex-wrap:wrap}.match-picks{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.match-picks select{color:#fff;background:#120e2a;border:1px solid #ffffff2e;border-radius:12px;flex:1;min-width:150px;padding:12px;font-family:inherit;font-size:14px}.match-names{text-align:center;color:#ffe9a8;font-size:18px;font-weight:800}.match-names span{color:var(--muted);margin:0 8px}.pct-num{text-align:center;color:var(--gold2);margin:8px 0;font-size:22px;font-weight:800}.pct-wrap{background:#ffffff1a;border-radius:100px;height:14px;margin:8px 0 12px;overflow:hidden}.pct-fill{background:linear-gradient(90deg,#ff7eb3,#e8b84b);border-radius:100px;height:100%;transition:width .8s}.pts{margin-top:10px}.pt-row{border-bottom:1px dashed #ffffff1f;justify-content:space-between;gap:10px;padding:6px 0;font-size:13.5px;display:flex}.pt-row b.pos{color:#8fe3a8}.pt-row b.neg{color:#ff9aa8}.ad-overlay{z-index:50;background:#05030fc7;justify-content:center;align-items:center;padding:16px;animation:.3s fadeUp;display:flex;position:fixed;inset:0}.ad-box{background:#fff;border-radius:16px;width:100%;max-width:540px;overflow:hidden;box-shadow:0 30px 80px #0009}.ad-top{color:#ffe9a8;background:#141b34;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.ad-tag{align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.ad-x{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.ad-box img{width:100%;display:block}.ad-fallback{color:#fff;text-align:center;background:linear-gradient(135deg,#ff7a1a,#c2410c);padding:44px 20px}.ad-fallback h3{margin:10px 0 4px;font-size:22px}.ad-fallback p{opacity:.92;font-size:14px}.ad-fallback small{opacity:.7}.ad-bar{background:#e5e5e5;height:6px}.ad-fill{background:linear-gradient(90deg,#ff7a1a,#e8b84b);height:100%;transition:width 1s linear}.ad-pill{z-index:40;color:#ffe9a8;background:#0f0b1eeb;border:1px solid #e8b84b80;border-radius:100px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;display:inline-flex;position:fixed;bottom:14px;right:14px;box-shadow:0 8px 24px #00000080}