.md-divination,.md-divination *{margin:0;padding:0;box-sizing:border-box}.md-divination{width:100%;background:linear-gradient(160deg,#2a2520 0%,#1c1814 100%);color:#f0e6d3;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;border-radius:20px;padding:40px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.md-divination .header{text-align:center;max-width:760px;margin-bottom:20px}.md-divination h1{font-size:32px;font-weight:700;background:linear-gradient(135deg,#f5d585,#e9bc7c,#c8954a);-webkit-background-clip:text;color:transparent}.md-divination .sub{margin-top:8px;font-size:13px;color:#b09a7b;letter-spacing:2px}.md-divination .mantra-bar{margin-top:18px;background:rgba(255,255,255,.04);border:1px solid rgba(233,188,124,.2);border-radius:12px;padding:14px 50px;color:#e9bc7c;letter-spacing:4px}.md-divination .mantra-bar .cn{margin-top:8px;color:#d9b47b;letter-spacing:5px}.md-coin-balance-box{margin:12px auto 8px;padding:12px 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:rgba(233,188,124,.12);border:1px solid rgba(233,188,124,.45);color:#f5d585;font-size:15px;font-weight:600;letter-spacing:.3px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.md-coin-balance-box strong{color:#fff;font-size:18px}.md-coin-balance-box a{color:#f5d585;text-decoration:underline}.md-coin-recharge-link{margin-left:8px;padding-left:14px;border-left:1px solid rgba(233,188,124,.35)}.md-coin-warning{margin:14px auto 0;color:#ffcc88;font-size:14px;text-align:center}.md-no-coin-lock{opacity:.35!important;cursor:not-allowed!important;filter:grayscale(1)}.md-divination .guide{margin:25px 0;text-align:center;color:#cbb58e;font-size:15px}.md-divination .guide .hi{color:#f5d585;font-weight:bold}.md-divination .dice-stage{display:flex;justify-content:center;align-items:center;gap:70px;flex-wrap:wrap;width:100%}.md-divination .dice-wrap{display:flex;flex-direction:column;align-items:center}.md-divination .dice-label{margin-bottom:18px;font-size:18px}.md-divination .father{color:#f5d585}.md-divination .mother{color:#fff}.md-divination .order{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;margin-right:8px;background:#e9bc7c;color:#2a2018;font-size:13px;font-weight:bold}.md-divination .mother .order{background:#fff}.md-divination .dice-perspective{width:160px;height:170px;position:relative;display:flex;justify-content:center;align-items:center;perspective:900px}.md-divination .dice-shadow{position:absolute;bottom:8px;width:110px;height:20px;border-radius:50%;background:radial-gradient(rgba(0,0,0,.55),transparent 70%);filter:blur(4px)}.md-divination .dice{position:relative;width:130px;height:130px;transform-style:preserve-3d;transition:transform 1.8s cubic-bezier(.3,.8,.4,1);cursor:pointer}.md-divination .dice.disabled{opacity:.45;cursor:not-allowed}.md-divination .face{position:absolute;width:130px;height:130px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;backface-visibility:hidden;border:2px solid rgba(0,0,0,.3);box-shadow:inset 0 0 15px rgba(255,255,255,.15),0 10px 20px rgba(0,0,0,.4)}.md-divination .dice.father .face{background:linear-gradient(135deg,#f6db95,#e2bc6b,#c8954a);color:#55340d}.md-divination .dice.mother .face{background:linear-gradient(135deg,#fff,#f3ece2,#e7dbc6);color:#5b4527}.md-divination .face.a{transform:translateZ(65px)}.md-divination .face.ra{transform:rotateY(90deg) translateZ(65px)}.md-divination .face.pa{transform:rotateY(-90deg) translateZ(65px)}.md-divination .face.tsa{transform:rotateY(180deg) translateZ(65px)}.md-divination .face.na{transform:rotateX(90deg) translateZ(65px)}.md-divination .face.dhi{transform:rotateX(-90deg) translateZ(65px)}.md-divination .result-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:40px}.md-divination .result-pill{min-width:190px;padding:14px 20px;border-radius:30px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#8a7d65;text-align:center;font-size:15px;transition:.35s}.md-divination .result-pill.done{color:#fff;border-color:#e9bc7c;background:rgba(233,188,124,.18)}.md-divination .actions{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-top:35px}.md-divination .btn{border:none;border-radius:30px;padding:12px 24px;cursor:pointer;font-size:15px;transition:.25s}.md-divination .btn-primary{background:linear-gradient(135deg,#e9bc7c,#c8954a);color:#2a2018;font-weight:bold}.md-divination .btn-primary:hover{transform:translateY(-3px)}.md-divination .btn-primary:disabled{opacity:.4;cursor:not-allowed}.md-divination .btn-ghost{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#ddd}.md-divination .btn-ghost:hover{background:rgba(255,255,255,.15)}.md-divination .hex-summary{display:none;width:100%;max-width:760px;margin-top:35px;padding:25px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(233,188,124,.25)}.md-divination .hex-summary.show{display:block}.md-divination .combo{text-align:center;font-size:30px;color:#f5d585;font-weight:bold;margin-bottom:15px}.md-divination .meaning{line-height:1.8;text-align:center;color:#d2c5ab}.md-divination .legend{width:100%;max-width:760px;margin-top:40px;padding:20px;border-radius:14px;background:rgba(255,255,255,.04)}.md-divination .legend strong{color:#e9bc7c}.md-divination .legend table{width:100%;margin-top:15px;border-collapse:collapse}.md-divination .legend td{padding:8px;text-align:center}.md-divination .legend .syl{color:#f5d585;font-weight:bold}@media(max-width:768px){.md-divination{padding:20px}.md-divination .dice-stage{gap:40px}.md-divination .dice{width:100px;height:100px}.md-divination .face{width:100px;height:100px;font-size:28px}.md-divination .face.a{transform:translateZ(50px)}.md-divination .face.ra{transform:rotateY(90deg) translateZ(50px)}.md-divination .face.pa{transform:rotateY(-90deg) translateZ(50px)}.md-divination .face.tsa{transform:rotateY(180deg) translateZ(50px)}.md-divination .face.na{transform:rotateX(90deg) translateZ(50px)}.md-divination .face.dhi{transform:rotateX(-90deg) translateZ(50px)}.md-divination h1{font-size:26px}.md-divination .result-pill{min-width:140px;font-size:14px}.md-coin-balance-box{font-size:14px;padding:10px 18px}}
