:root{--ink:#070409;--void-purple:#170e1f;--nebula:#6b4a7a;--nebula-dim:#3a2745;--bronze:#b8813f;--dark-gold:#8a5f2a;--warm-gold:#e8a355;--pale-gold:#ffedcd;--cold-blue:#7a8fb5;--line:#c48d4899;--line-dim:#c48d484d;--tsh:0 1px 2px #000, 0 2px 14px #000000e6;--font-kai:"Kaiti SC", "STKaiti", "KaiTi", "DFKai-SB", "Noto Serif SC", "Songti SC", "SimSun", serif;--font-latin:"Cormorant Garamond", "Palatino Linotype", "Book Antiqua", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100vh;color:var(--pale-gold);font-family:var(--font-kai);background-color:var(--ink);-webkit-font-smoothing:antialiased;background-image:url(/assets/xuanji-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;overflow-x:hidden}.lang-en body{font-family:var(--font-latin), var(--font-kai)}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{color:var(--pale-gold);background:#b8813f59}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#b8813f59;border-radius:3px}.starfield{z-index:1;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0}.topbar{z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:18px 28px 0 24px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:10px;display:flex}.brand-logo{object-fit:cover;border:1px solid var(--line);background:#070409b8;border-radius:9px;width:51px;height:51px;box-shadow:inset 0 0 12px #e8a35524}.brand-name{letter-spacing:6px;color:#fff3dc;text-shadow:var(--tsh);font-size:27px}.brand-latin{font-family:var(--font-latin);letter-spacing:4px;color:#ffedcdbf;text-shadow:var(--tsh);margin-top:1px;font-size:15px;display:block}.sound-toggle{color:var(--warm-gold);filter:drop-shadow(0 3px 5px #00000080);background:0 0;border:none;padding:0;line-height:0;transition:filter .3s;position:relative}.sound-toggle svg{display:block}.sound-toggle:hover{filter:drop-shadow(0 4px 6px #0000008c)brightness(1.08)}.sound-toggle.muted svg{filter:saturate(.6)brightness(.82)}.pool{text-align:center;padding:2px 26px 8px;line-height:1.5;position:relative}.pool:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 55%,#05030899,#05030840 55%,#0000 75%);position:absolute;inset:-14px -30px}.pool-label{letter-spacing:8px;text-indent:8px;color:#ffedcde0;text-shadow:var(--tsh);font-size:18px}.pool-amount{font-family:var(--font-latin);letter-spacing:2px;color:#ffbe70;text-shadow:var(--tsh), 0 0 10px #e8a35566;font-size:26px}.pool-amount span{letter-spacing:3px;color:#ffedcdbf;margin-left:6px;font-size:17px}.wallet-chip{align-items:center;gap:10px;display:flex}.xuan-balance{font-family:var(--font-latin);letter-spacing:2px;color:#ffedcde6;text-shadow:var(--tsh);font-size:18px}.lang-switch{border:1px solid var(--line-dim);border-radius:3px;display:flex;overflow:hidden;box-shadow:0 0 0 3px #0704094d}.lang-switch button{font-family:var(--font-kai);letter-spacing:1px;color:#ffedcda6;text-shadow:var(--tsh);background:#09050c8c;padding:6px 12px;font-size:13px;transition:all .3s}.lang-switch button:hover{color:#fff3dc}.lang-switch button.active{color:#ffc87a;text-shadow:var(--tsh), 0 0 8px #e8a35580;background:#b8813f47}.btn-rite{font-family:var(--font-kai);letter-spacing:6px;text-indent:6px;color:#fff3dc;border:1px solid var(--line);text-shadow:var(--tsh), 0 0 8px #e8a35573;background:linear-gradient(#8a5f2a52,#0f0914b8);border-radius:3px;padding:15px 45px;font-size:23px;transition:all .45s;position:relative;box-shadow:0 0 0 3px #07040966,0 0 18px #e8a3551f,inset 0 0 14px #e8a3551a}.btn-rite:before,.btn-rite:after{content:"";background:var(--line-dim);width:1px;position:absolute;top:4px;bottom:4px}.btn-rite:before{left:4px}.btn-rite:after{right:4px}.btn-rite:hover{border-color:var(--warm-gold);color:#fff8ea;box-shadow:0 0 0 3px #07040966,0 0 26px #e8a35552,inset 0 0 20px #e8a3552e}.btn-rite:disabled{opacity:.45;cursor:default}.btn-rite.small{letter-spacing:4px;text-indent:4px;padding:10px 30px;font-size:20px}.sidenav{z-index:40;flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;left:22px;transform:translateY(-50%)}.tablet{writing-mode:vertical-rl;letter-spacing:5px;color:#ffedcde0;border:1px solid var(--line-dim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);min-height:96px;text-shadow:var(--tsh);background:#09050cbd;border-radius:10px 8px 12px;place-items:center;padding:24px 14px;font-size:23px;transition:all .45s;display:grid;box-shadow:inset 0 0 10px #e8a3550f,0 2px 12px #000000a6}.tablet:nth-child(odd){transform:rotate(-3.2deg)}.tablet:nth-child(2n){transform:rotate(2.4deg)}.tablet:hover{color:#fff3dc;border-color:var(--line);box-shadow:inset 0 0 14px #e8a35524,0 0 16px #e8a35529}.tablet.active{color:#ffc87a;border-color:var(--line);text-shadow:var(--tsh), 0 0 10px #e8a35599;box-shadow:inset 0 0 16px #e8a35529,0 0 18px #e8a35533}.stage{min-height:100vh;position:relative;overflow:hidden}.compass-wrap{pointer-events:none;z-index:2;width:min(54vw,80vh);height:min(54vw,80vh);position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.hero{z-index:5;text-align:center;padding-top:11vh;transition:opacity 1.2s,transform 1.2s;position:relative}.hero.dimmed{opacity:.94;transform:translateY(-6px)}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50%,#050308a8,#0503084d 50%,#0000 74%);width:min(760px,92vw);height:400px;position:absolute;top:calc(11vh - 60px);left:50%;transform:translate(-50%)}.hero h1{letter-spacing:16px;text-indent:16px;color:#fff6e6;text-shadow:var(--tsh), 0 0 20px #e8a35566;font-size:clamp(42px,5.4vw,66px);font-weight:400;line-height:1.9}.hero h1 .line2{letter-spacing:20px;text-indent:20px;color:#ffeecb;font-size:.72em;display:block}.hero-divider{background:linear-gradient(to right, transparent, var(--line), transparent);width:160px;height:1px;margin:18px auto 14px}.hero-en{font-family:var(--font-latin);letter-spacing:7px;color:#ffeecdd9;text-shadow:var(--tsh);font-size:18px;line-height:2.1}.hero-action{justify-content:center;align-items:center;min-height:52px;margin-top:4vh;display:flex}.divining-text{letter-spacing:10px;text-indent:10px;color:#ffc87a;text-shadow:var(--tsh), 0 0 14px #e8a3558c;font-size:27px;animation:1.1s both breath-in;position:relative}@keyframes breath-in{0%{opacity:0;filter:blur(4px);transform:translateY(6px)}35%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:.94}}.destiny-band{z-index:5;align-items:flex-end;gap:clamp(40px,7vw,110px);padding:18px 40px 10px;animation:1.6s both rise-in;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.destiny-band:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60%,#0503089e,#05030842 55%,#0000 76%);position:absolute;inset:-18px -40px}@keyframes rise-in{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.destiny-band:hover .destiny-item .value{text-shadow:var(--tsh), 0 0 26px #e8a355bf}.destiny-item{text-align:center;line-height:1.7;transition:text-shadow .5s}.destiny-item .label{letter-spacing:6px;text-indent:6px;color:#ffedcdd1;text-shadow:var(--tsh);font-size:20px}.destiny-item .tick{background:linear-gradient(to bottom, transparent, var(--line));width:1px;height:22px;margin:6px auto}.destiny-item .value{letter-spacing:6px;color:#fff3dc;text-shadow:var(--tsh), 0 0 16px #e8a35580;font-size:clamp(33px,3.6vw,48px)}.destiny-item .value .trigram{color:#ffbe70;margin-right:10px}.destiny-item .value.number{font-family:var(--font-latin);letter-spacing:2px;color:#ffbe70;font-size:clamp(45px,4.5vw,66px)}.page{z-index:5;max-width:1180px;min-height:100vh;margin:0 auto;padding:14vh 12vw 10vh calc(12vw + 60px);position:relative}.page-head{text-align:center;margin-bottom:6vh;position:relative}.page-head:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60%,#05030899,#0503083d 55%,#0000 76%);position:absolute;inset:-36px -60px}.page-head h2{letter-spacing:14px;text-indent:14px;color:#fff6e6;text-shadow:var(--tsh), 0 0 16px #e8a35559;font-size:clamp(36px,3.9vw,51px);font-weight:400}.page-head .sub{font-family:var(--font-latin);letter-spacing:6px;color:#ffedcdb8;text-shadow:var(--tsh);margin-top:10px;font-size:17px}.page-head .hero-divider{margin-top:16px}.ledger{border-top:1px solid var(--line-dim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0704096b}.ledger-row{border-bottom:1px solid var(--line-dim);align-items:baseline;gap:24px;padding:18px 14px;transition:background .4s,padding-left .4s;display:flex}.ledger-row:hover{background:#e8a35512;padding-left:22px}.ledger-row .rank{font-family:var(--font-latin);color:#ffbe70;width:63px;text-shadow:var(--tsh), 0 0 8px #e8a35566;font-size:27px}.ledger-row .addr{font-family:var(--font-latin);letter-spacing:1.5px;color:#ffedcdeb;text-shadow:var(--tsh);flex:1;font-size:20px}.ledger-row .tag{letter-spacing:3px;color:#ffedcdd9;text-shadow:var(--tsh);font-size:20px}.ledger-row .num{font-family:var(--font-latin);color:#ffbe70;text-align:right;width:90px;text-shadow:var(--tsh);font-size:27px}.ledger-row .date{font-family:var(--font-latin);letter-spacing:1px;color:#97add4e6;width:150px;text-shadow:var(--tsh);font-size:17px}.ledger-empty{text-align:center;letter-spacing:3px;color:#ffedcd8c;text-shadow:var(--tsh);padding:34px 14px}.wuxing{justify-content:center;gap:clamp(24px,4vw,56px);margin:5vh 0;display:flex}.wuxing-item{text-align:center}.wuxing-item .char{color:#ffedcdeb;text-shadow:var(--tsh);font-size:30px}.wuxing-item .bar{background:#b8813f2e;border-radius:2px;width:3px;height:90px;margin:12px auto;position:relative;overflow:hidden}.wuxing-item .bar i{background:linear-gradient(to top, var(--dark-gold), var(--warm-gold));border-radius:2px;animation:1.6s both grow-up;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 8px #e8a35580}@keyframes grow-up{0%{height:0!important}}.wuxing-item .pct{font-family:var(--font-latin);color:#ffedcdcc;text-shadow:var(--tsh);font-size:18px}.grand-trigram{text-align:center;margin:3vh 0 4vh;padding:20px 0;position:relative}.grand-trigram:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(45% 55%,#05030894,#05030838 55%,#0000 76%);position:absolute;inset:-20px -80px}.grand-trigram .symbol{color:#ffbe70;text-shadow:var(--tsh), 0 0 30px #e8a35599, 0 0 80px #e8a3554d;font-size:clamp(96px,12vw,165px);line-height:1.2}.grand-trigram .name{letter-spacing:12px;text-indent:12px;color:#fff6e6;text-shadow:var(--tsh);margin-top:10px;font-size:clamp(33px,3.6vw,45px)}.grand-trigram .verse{letter-spacing:5px;color:#ffedcde6;text-shadow:var(--tsh);margin-top:22px;font-size:23px;line-height:2.4}.ask-input{border:none;border-bottom:1px solid var(--line);color:#fff3dc;width:min(520px,80%);font-family:var(--font-kai);letter-spacing:3px;text-align:center;text-shadow:var(--tsh);background:#07040966;outline:none;margin:0 auto;padding:12px 8px;font-size:26px;transition:border-color .4s,box-shadow .4s;display:block}.ask-input:focus{border-color:var(--warm-gold);box-shadow:0 12px 18px -14px #e8a35580}.ask-input::placeholder{color:#ffedcd80;letter-spacing:5px}.center-col{flex-direction:column;align-items:center;gap:4vh;display:flex}@keyframes book-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.book-stage{width:min(920px,96vw);height:min(600px,74vh);margin:1vh 0 0;animation:6s ease-in-out infinite book-float;position:relative}.book-canvas{position:absolute;inset:0}.book-hint{z-index:5;letter-spacing:10px;text-indent:10px;color:#ffc87a;text-shadow:var(--tsh), 0 0 18px #e8a35599;white-space:nowrap;pointer-events:none;font-size:27px;animation:1.1s both breath-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:860px){.book-hint{letter-spacing:5px;font-size:19px}}.cover-form{z-index:5;pointer-events:auto;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.cover-form .ask-input{resize:none;white-space:pre-wrap;word-break:break-word;border:1px solid var(--line-dim);width:min(560px,86%);min-height:92px;padding:12px 16px;font-size:22px;line-height:1.7}.cover-form .ask-input:focus{border-color:var(--warm-gold)}.cover-form .btn-rite{letter-spacing:4px;text-indent:4px;padding:13px 42px;font-size:21px}.ask-count{font-family:var(--font-latin);letter-spacing:2px;color:#97add4e6;text-shadow:var(--tsh);font-size:17px;transition:color .3s}.ask-count.over{color:#ff8a6a}@media (max-width:860px){.cover-form{gap:12px;top:40%}.cover-form .ask-input{min-height:74px;font-size:18px}.cover-form .btn-rite{padding:10px 28px;font-size:16px}}.lot-cylinder{filter:drop-shadow(0 10px 30px #000000b3);display:inline-block;position:relative}.lot-cylinder svg{display:block;overflow:visible}.lot-cylinder .cyl-pivot{transform-box:view-box;transform-origin:100px 200px}.lot-cylinder .stick-body{transform-box:fill-box;transform-origin:50% 0}.lot-cylinder .launch-stick{transform-box:fill-box;transform-origin:50%;opacity:0}.lot-cylinder.is-shaking .cyl-pivot{animation:.42s ease-in-out infinite cylinder-shake}@keyframes cylinder-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-11deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-5deg)}}.lot-cylinder.is-shaking .stick-body{animation:.42s ease-in-out infinite sticks-rattle}@keyframes sticks-rattle{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-6px)rotate(-8deg)}70%{transform:translateY(-2px)rotate(7deg)}}.lot-cylinder.is-popping .launch-stick{opacity:1;animation:.95s cubic-bezier(.22,.9,.35,1) both stick-launch}@keyframes stick-launch{0%{opacity:0;transform:translate(0)rotate(0)}10%{opacity:1}60%{opacity:1;transform:translate(-26px,-150px)rotate(-620deg)}80%{opacity:.95;transform:translate(-40px,-196px)rotate(-760deg)}to{opacity:0;transform:translate(-44px,-230px)rotate(-820deg)}}.lot-result{text-align:center;padding:10px 30px;animation:1.4s both rise-in-simple;position:relative}.lot-result:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 55%,#05030894,#0503083d 55%,#0000 76%);position:absolute;inset:-20px -50px}@keyframes rise-in-simple{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lot-result .lot-grade{border:1px solid var(--line);letter-spacing:8px;text-indent:8px;color:#ffc87a;text-shadow:var(--tsh), 0 0 12px #e8a3558c;background:#07040980;border-radius:2px;margin-bottom:24px;padding:6px 22px;font-size:27px;display:inline-block;box-shadow:inset 0 0 14px #e8a3551f}.lot-result .lot-no{letter-spacing:5px;color:#ffedcdd1;text-shadow:var(--tsh);margin-bottom:18px;font-size:20px}.lot-result .lot-poem{letter-spacing:4px;color:#fff3dc;text-shadow:var(--tsh);font-size:24px;line-height:2.6}.lot-result .lot-note{letter-spacing:2px;color:#ffedcdd1;max-width:480px;text-shadow:var(--tsh);margin-top:20px;font-size:20px;line-height:2.2}.gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3.5vh;min-height:46vh;display:flex;position:relative}.gate:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 50%,#05030899,#05030842 55%,#0000 76%);width:min(560px,88vw);height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gate p{letter-spacing:8px;text-indent:8px;color:#ffedcde6;text-shadow:var(--tsh);font-size:24px}.reward-banner{border:1px solid var(--line);letter-spacing:4px;color:#ffc87a;text-shadow:var(--tsh), 0 0 14px #e8a35599;background:#b8813f2e;border-radius:2px;padding:8px 26px;font-size:20px;animation:2.2s ease-in-out infinite reward-glow;display:inline-block;box-shadow:inset 0 0 16px #e8a3551f}.reward-banner.empty{color:#ffd696bf;text-shadow:var(--tsh);box-shadow:none;background:#07040980;animation:none}@keyframes reward-glow{0%,to{box-shadow:inset 0 0 16px #e8a3551f}50%{box-shadow:inset 0 0 24px #e8a3554d,0 0 18px #e8a3554d}}.insufficient{text-align:center;flex-direction:column;align-items:center;gap:14px;animation:.8s both rise-in-simple;display:flex}.insufficient p{letter-spacing:5px;text-indent:5px;color:#ffd696e6;text-shadow:var(--tsh), 0 0 12px #e8a35566;font-size:21px}.lore{text-align:center;letter-spacing:3px;color:#ffedcde0;max-width:560px;text-shadow:var(--tsh);white-space:pre-line;margin:0 auto;padding:8px 20px;font-size:21px;line-height:2.6;position:relative}.lore:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 55%,#0503088c,#05030838 55%,#0000 76%);position:absolute;inset:-14px -30px}.escalation-note{text-align:center;border:1px solid var(--line-dim);background:linear-gradient(#160d19eb,#070409e0);border-radius:3px;flex-direction:column;align-items:center;gap:10px;margin:-3vh auto 5vh;padding:14px 28px 16px;display:flex;box-shadow:0 0 0 3px #07040959,inset 0 0 22px #e8a35514}.escalation-title{font-family:var(--font-kai);letter-spacing:8px;text-indent:8px;color:#ffedcde6;text-shadow:var(--tsh), 0 0 8px #e8a3554d;font-size:18px}.escalation-ladder{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;display:flex}.escalation-ladder>span{border:1px solid var(--line-dim);background:#09050c9e;border-radius:2px;align-items:baseline;gap:6px;padding:4px 11px;display:inline-flex}.escalation-ladder em{font-style:normal;font-family:var(--font-kai);letter-spacing:2px;color:#ffedcdb8;font-size:14px}.escalation-ladder b{font-family:var(--font-latin);color:#ffc87a;text-shadow:var(--tsh);font-size:16px;font-weight:400}.escalation-ladder .escalation-cap{border-color:var(--warm-gold);box-shadow:0 0 12px #e8a35538}.escalation-reset{font-family:var(--font-latin);letter-spacing:3px;color:#ffedcdb8;text-shadow:var(--tsh);font-size:13px}.shake-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.draw-cost{border:1px solid var(--line-dim);font-family:var(--font-latin);letter-spacing:2px;color:#ffc87a;text-shadow:var(--tsh), 0 0 10px #e8a35573;background:linear-gradient(#160d19eb,#09050cd9);border-radius:2px;padding:9px 14px;font-size:18px;box-shadow:0 0 0 3px #07040959}.clock-chip{border:1px solid var(--line-dim);background:#09050c80;border-radius:2px;flex-direction:column;align-items:center;gap:1px;padding:4px 13px 6px;line-height:1.35;display:inline-flex;box-shadow:0 0 0 3px #0704094d}.clock-time{font-family:var(--font-latin);font-variant-numeric:tabular-nums;letter-spacing:1px;color:#ffc87a;text-shadow:var(--tsh), 0 0 8px #e8a35559;font-size:19px}.clock-shichen{font-family:var(--font-kai);letter-spacing:3px;text-indent:3px;color:#ffedcd9e;font-size:12px}@media (max-width:1060px){.clock-chip{display:none}}.rules-toggle{font-family:var(--font-kai);letter-spacing:5px;text-indent:5px;color:#fff3dc;border:1px solid var(--line);text-shadow:var(--tsh), 0 0 8px #e8a35566;background:linear-gradient(#8a5f2a4d,#0f0914b8);border-radius:3px;align-self:flex-start;margin-top:8px;padding:7px 14px;font-size:17px;transition:all .45s;box-shadow:0 0 0 3px #07040966,0 0 12px #e8a3551f}.rules-toggle:hover{border-color:var(--warm-gold);color:#fff8ea;box-shadow:0 0 0 3px #07040966,0 0 20px #e8a3554d}.rules-overlay{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030206b8;justify-content:center;align-items:center;padding:3vh 3vw;animation:.35s both rules-fade-in;display:flex;position:fixed;inset:0}@keyframes rules-fade-in{0%{opacity:0}to{opacity:1}}.rules-scroll{flex-direction:column;align-items:stretch;width:min(680px,94vw);max-height:86vh;animation:.6s both rules-unroll;display:flex;position:relative}@keyframes rules-unroll{0%{opacity:0;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.rules-roll{background:radial-gradient(at 50% 30%,#7a5a2a,#4a3418 70%,#2f2010);border-radius:3px;height:22px;position:relative;box-shadow:0 3px 8px #0009}.rules-roll-top{border-radius:6px 6px 2px 2px}.rules-roll-bot{border-radius:2px 2px 6px 6px}.rules-roll-cap{background:radial-gradient(circle at 35% 30%,#8a6432,#543a1a 70%,#3a2812);border-radius:50%;width:30px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 2px 6px #0009}.rules-roll-top-cap{left:-12px}.rules-roll-top-cap-r{left:auto;right:-12px}.rules-roll-bot-cap{top:auto;bottom:-2px;left:-12px}.rules-roll-bot-cap-r{inset:auto -12px -2px auto}.rules-paper{color:#3b2c16;background:radial-gradient(at 50% 0,#785a281f,#0000 60%),linear-gradient(#f7efdc,#ecdcb4 60%,#e4d0a2);border-left:1px solid #503c1959;border-right:1px solid #503c1959;padding:26px 34px 22px;position:relative;box-shadow:inset 0 0 30px #785a2840}.rules-title{text-align:center;font-family:var(--font-kai);letter-spacing:8px;text-indent:8px;color:#3a2a12;text-shadow:0 1px #ffffff59;margin:0 0 12px;font-size:26px;font-weight:600}.rules-body{max-height:54vh;padding-right:6px;overflow-y:auto}.rules-body::-webkit-scrollbar{width:8px}.rules-body::-webkit-scrollbar-thumb{background:#5a411e66;border-radius:4px}.rules-section{margin-bottom:16px}.rules-section h4{font-family:var(--font-kai);letter-spacing:3px;color:#5c4218;margin:0 0 6px;font-size:19px;font-weight:600}.rules-section p{letter-spacing:1px;color:#3b2c16;text-shadow:0 1px #ffffff4d;margin:0;font-size:16px;line-height:2}.rules-ladder{background:#785a281a;border:1px solid #5a411e66;border-radius:3px;flex-direction:column;align-items:center;gap:8px;margin-top:10px;padding:10px 8px;display:flex}.rules-ladder-head,.rules-ladder-reset{font-family:var(--font-kai);letter-spacing:3px;color:#6a4f24;font-size:14px}.rules-ladder-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.rules-ladder-cell{background:#fff6;border:1px solid #5a411e66;border-radius:2px;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;display:flex}.rules-ladder-cell.rules-ladder-cap{border-color:#a5772e;box-shadow:0 0 8px #966e2859}.rules-ladder-num{font-family:var(--font-kai);color:#6a4f24;font-size:13px}.rules-ladder-val{font-family:var(--font-latin);color:#3a2a12;font-size:17px}.rules-foot{text-align:center;font-family:var(--font-kai);letter-spacing:2px;color:#6a4f24;margin-top:16px;font-size:14px}.rules-close{z-index:3;color:#f7efdc;cursor:pointer;background:#3a2812e6;border:1px solid #ffffff59;border-radius:50%;width:34px;height:34px;font-size:18px;line-height:1;transition:all .3s;position:absolute;top:8px;right:8px}.rules-close:hover{color:#fff;background:#784b19f2}@media (max-width:720px){.rules-paper{padding:22px 18px 18px}.rules-body{max-height:66vh}}@media (max-width:860px){.sidenav{gap:10px;left:10px}.tablet{min-height:72px;padding:15px 9px;font-size:20px}.page{padding:16vh 8vw 10vh calc(8vw + 52px)}.pool-label{letter-spacing:4px;font-size:15px}.pool-amount{font-size:21px}.escalation-note{margin-top:-2vh;padding:8px 12px}.escalation-ladder>span{padding:3px 8px}.shake-row{gap:12px}.destiny-band{gap:28px}.compass-wrap{width:92vw;height:92vw}}