.yinji-page{color:#341c18;background:#f5f1eb;min-height:100vh}.yinji-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:610px;margin:0 auto;display:grid;position:relative}.yinji-hero:after{content:"";border-bottom:1px solid #6f312633;position:absolute;bottom:0;left:-45vw;right:-45vw}.yinji-hero-copy h1{font-family:var(--serif);letter-spacing:-.06em;margin:0 0 24px;font-size:clamp(56px,7vw,94px);font-weight:500;line-height:1.12}.yinji-hero-copy>p:not(.warm-kicker){color:#7e655b;font-family:var(--serif);letter-spacing:.08em;font-size:17px}.yinji-stats{border-top:1px solid #54342b33;border-bottom:1px solid #54342b33;margin-top:44px;display:flex}.yinji-stats>div{border-right:1px solid #54342b26;grid-template-columns:auto 1fr;align-items:baseline;min-width:140px;padding:18px 24px 17px 0;display:grid}.yinji-stats>div+div{padding-left:24px}.yinji-stats span{color:#9c7c6d;letter-spacing:.14em;grid-column:1/-1;font-size:9px}.yinji-stats strong{font-family:var(--serif);font-size:34px;font-weight:500}.yinji-stats small{color:#9b6e5f;margin-left:5px;font-size:9px}.yinji-seal-stage{aspect-ratio:1;background:radial-gradient(circle,#bd904429 0 29%,#0000 29.5% 46%,#952a1f14 46.5% 47%,#0000 47.5%);border-radius:50%;justify-self:end;place-items:center;width:min(430px,100%);display:grid;position:relative;box-shadow:0 30px 80px #532e201c}.yinji-seal-stage:before,.yinji-seal-stage:after{content:"";border:1px solid #9a291e40;position:absolute;transform:rotate(45deg)}.yinji-seal-stage:before{inset:13%}.yinji-seal-stage:after{border-color:#b4883780;inset:27%}.yinji-orbit{border:1px solid #b4883754;border-radius:50%;animation:28s linear infinite yinjiOrbit;position:absolute;inset:4%}.yinji-orbit i{background:#a52e24;border-radius:50%;width:9px;height:9px;position:absolute}.yinji-orbit i:first-child{top:14%;left:16%}.yinji-orbit i:nth-child(2){background:#c49a4c;top:54%;right:4%}.yinji-orbit i:nth-child(3){background:#6d7560;bottom:1%;left:27%}.yinji-seal{z-index:2;color:#fff4d8;width:134px;height:134px;font-family:var(--serif);background:linear-gradient(145deg,#ae3529,#761e19);border:5px double #e7bd67;place-items:center;font-size:38px;display:grid;transform:rotate(-4deg);box-shadow:0 0 0 11px #97261d14,10px 13px #4d261d24}.yinji-seal-stage>span{color:#8f6b51;letter-spacing:.2em;font-size:10px;position:absolute;bottom:39px}.yinji-seal-stage.is-stamping .yinji-seal{animation:.9s cubic-bezier(.2,.9,.25,1) yinjiStamp}@keyframes yinjiStamp{0%{opacity:0;transform:translateY(-140px)rotate(-10deg)scale(1.35)}55%{opacity:1;transform:translateY(9px)rotate(-4deg)scale(.94)}75%{transform:translateY(-5px)rotate(-4deg)scale(1.03)}to{transform:translateY(0)rotate(-4deg)scale(1)}}@keyframes yinjiOrbit{to{transform:rotate(360deg)}}.yinji-state{text-align:center;background:#fff9ef;border:1px solid #54342b2e;border-top:4px solid #982c23;width:min(900px,100% - 40px);margin:90px auto;padding:70px 45px;box-shadow:12px 14px #d8d1c8}.yinji-state-mark{color:#9b2d24;width:68px;height:68px;font-family:var(--serif);border:2px solid #9b2d24;place-items:center;margin:0 auto 24px;font-size:28px;display:grid;transform:rotate(-4deg)}.yinji-state h2{font-family:var(--serif);font-size:30px;font-weight:500}.yinji-state p{color:#806c62}.yinji-state>div{justify-content:center;align-items:center;gap:24px;margin-top:28px;display:flex}.yinji-ledger{background:#f0e6d8;grid-template-columns:.82fr 1.18fr;gap:24px;padding:100px max(20px,50% - 590px);display:grid}.yinji-today-card,.yinji-calendar-card{background:#fffaf1;border:1px solid #4d2c242b;box-shadow:10px 12px #d2c9bf}.yinji-today-card{color:#fff8e9;background:linear-gradient(145deg,#7d211c,#a83227);flex-direction:column;justify-content:space-between;min-height:500px;padding:46px 42px;display:flex}.yinji-today-card h2{max-width:340px;font-family:var(--serif);margin:8px 0 15px;font-size:38px;font-weight:500;line-height:1.35}.yinji-today-card>div>p:last-child{color:#fff8e9ad;font-size:12px;line-height:1.8}.yinji-today-card .warm-kicker{color:#e5bf6d}.yinji-today-card button{color:#fff7e5;cursor:pointer;text-align:left;background:#ffffff14;border:1px solid #e8c26f8f;align-items:center;gap:20px;width:100%;min-height:104px;padding:18px 24px;display:flex}.yinji-today-card button:not(:disabled):hover{background:#ffffff24}.yinji-today-card button:disabled{cursor:default;opacity:.83}.yinji-today-card button span{width:54px;height:54px;font-family:var(--serif);border:2px solid #dfb45b;place-items:center;font-size:24px;display:grid;transform:rotate(-4deg)}.yinji-today-card button b{font-family:var(--serif);font-size:19px}.yinji-calendar-card{padding:39px}.yinji-calendar-card header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.yinji-calendar-card h2{font-family:var(--serif);margin:0;font-size:27px;font-weight:500}.yinji-calendar-card header>span{color:#9a725b;font-size:10px}.yinji-week,.yinji-calendar{grid-template-columns:repeat(7,1fr);display:grid}.yinji-week span{text-align:center;color:#a1887b;padding:10px;font-size:9px}.yinji-calendar{border-top:1px solid #4f2f2724;border-left:1px solid #4f2f2724}.yinji-calendar>div,.yinji-calendar>i{aspect-ratio:1;background:#fffdf8;border-bottom:1px solid #4f2f2724;border-right:1px solid #4f2f2724;place-items:center;min-height:54px;display:grid;position:relative}.yinji-calendar>i{background:#f5eee3}.yinji-calendar span{color:#6f5b52;font-size:10px}.yinji-calendar div.is-today{outline-offset:-2px;outline:2px solid #a33026}.yinji-calendar div.is-checked{background:#f4e5d3}.yinji-calendar b{color:#a52e24;width:31px;height:31px;font-family:var(--serif);border:1px solid #a52e24;place-items:center;font-size:13px;display:grid;position:absolute;transform:rotate(-7deg)}.yinji-badges{background:#f8f4ee;padding:105px max(20px,50% - 590px)}.yinji-badges>header{margin-bottom:44px}.yinji-badges h2,.yinji-game-copy h2{font-family:var(--serif);margin:0;font-size:clamp(38px,4.5vw,58px);font-weight:500}.yinji-badge-grid{border-top:1px solid #4e2c242e;border-left:1px solid #4e2c242e;grid-template-columns:repeat(3,1fr);display:grid}.yinji-badge-grid article{filter:grayscale(.8);opacity:.62;background:#f1ede6;border-bottom:1px solid #4e2c242e;border-right:1px solid #4e2c242e;flex-direction:column;min-height:315px;padding:32px;display:flex;position:relative}.yinji-badge-grid article.is-unlocked{filter:none;opacity:1;background:linear-gradient(145deg,#fffaf0,#f0dfbf)}.badge-medallion{background:radial-gradient(circle,#fff9ea 0 40%,#e5d2ad 41% 44%,#0000 45%);border:1px solid #ad8260;border-radius:50%;place-items:center;width:92px;height:92px;margin-bottom:30px;display:grid;box-shadow:0 10px 24px #5130211a}.badge-medallion span{color:#9e3026;width:54px;height:54px;font-family:var(--serif);border:1px solid #9e3026;place-items:center;font-size:23px;display:grid;transform:rotate(-4deg)}.yinji-badge-grid article>p{color:#a12f25;letter-spacing:.15em;margin:0 0 8px;font-size:9px}.yinji-badge-grid h3{font-family:var(--serif);margin:0 0 8px;font-size:23px;font-weight:500}.yinji-badge-grid small{color:#806d63;font-size:10px}.yinji-badge-grid article>i{background:#5e3e311f;height:3px;margin-top:auto}.yinji-badge-grid article>i b{background:linear-gradient(90deg,#a72e24,#d7a852);height:100%;display:block}.yinji-game{color:#fff7e7;background:linear-gradient(145deg,#241816,#3a1e1a 58%,#68241e);grid-template-columns:.7fr 1.3fr;gap:70px;padding:110px max(20px,50% - 590px);display:grid}.yinji-game-copy{padding-top:24px}.yinji-game-copy .warm-kicker{color:#dfb968}.yinji-game-copy>p:not(.warm-kicker){color:#fff7e79e;max-width:330px;line-height:1.8}.yinji-game-copy dl{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;grid-template-columns:1fr 1fr;margin:45px 0 25px;display:grid}.yinji-game-copy dl>div{padding:17px 0}.yinji-game-copy dl>div+div{border-left:1px solid #ffffff26;padding-left:20px}.yinji-game-copy dt{color:#d7b166;font-size:9px}.yinji-game-copy dd{font-family:var(--serif);margin:5px 0 0;font-size:24px}.yinji-game-copy>small{color:#fff7e77a;font-size:9px}.yinji-replay{color:#e5c77e;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d9b568;padding:8px 0}.yinji-game-board{perspective:1200px;grid-template-columns:repeat(5,1fr);gap:13px;display:grid}.element-card{aspect-ratio:.72;cursor:pointer;perspective:900px;background:0 0;border:0;padding:0}.element-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.2,.75,.2,1);display:block;position:relative}.element-card.is-open .element-card-inner{transform:rotateY(180deg)}.element-card-inner>i{backface-visibility:hidden;place-items:center;font-style:normal;display:grid;position:absolute;inset:0}.element-card-back{color:#e6c67c;font-family:var(--serif);background:linear-gradient(145deg,#842a22,#581c18);border:1px solid #e0b96794;font-size:29px;box-shadow:6px 8px #00000029}.element-card-back:before{content:"";border:1px solid #e6c67c3b;position:absolute;inset:9px}.element-card-front{background:#fff6e5;border:1px solid #c49a4c;grid-template-rows:1fr auto;transform:rotateY(180deg);box-shadow:6px 8px #00000029}.element-card-front b{color:#8f2b23;font-family:var(--serif);align-self:end;font-size:39px;font-weight:500}.element-card-front small{color:#8a6c58;padding:10px;font-size:9px}.element-card.wood .element-card-front{background:#edf0df}.element-card.fire .element-card-front{background:#f2d6c8}.element-card.earth .element-card-front{background:#ead9b8}.element-card.metal .element-card-front{background:#eee9df}.element-card.water .element-card-front{background:#dce6e3}.element-card.is-matched .element-card-front{box-shadow:0 0 0 2px #e3bd6a,0 0 32px #e2bd6a40}.yinji-toast{z-index:100;color:#fff7e7;text-align:center;background:#7f251e;border:1px solid #d5ad58;min-width:280px;padding:15px 22px;font-size:11px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:8px 9px #3a231c2e}@media (width<=900px){.yinji-hero{grid-template-columns:1fr .65fr;gap:30px}.yinji-ledger{grid-template-columns:1fr}.yinji-badge-grid{grid-template-columns:repeat(2,1fr)}.yinji-game{grid-template-columns:1fr}.yinji-game-board{max-width:720px}.yinji-stats>div{min-width:110px}.yinji-seal{width:105px;height:105px;font-size:29px}}@media (width<=680px){.yinji-hero{grid-template-columns:1fr;width:calc(100% - 28px);min-height:auto;padding:65px 0 75px}.yinji-hero-copy h1{font-size:51px}.yinji-seal-stage{justify-self:center;width:285px;margin:15px auto 0}.yinji-stats{grid-template-columns:repeat(3,1fr);display:grid}.yinji-stats>div,.yinji-stats>div+div{border-right:1px solid #54342b26;min-width:0;padding:13px 8px}.yinji-stats strong{font-size:27px}.yinji-ledger{padding:70px 14px}.yinji-today-card{min-height:420px;padding:32px 25px}.yinji-today-card h2{font-size:31px}.yinji-calendar-card{padding:24px 15px}.yinji-calendar>div,.yinji-calendar>i{min-height:39px}.yinji-badges{padding:75px 14px}.yinji-badge-grid{grid-template-columns:1fr 1fr}.yinji-badge-grid article{min-height:265px;padding:22px 17px}.badge-medallion{width:72px;height:72px;margin-bottom:23px}.badge-medallion span{width:44px;height:44px;font-size:19px}.yinji-game{gap:38px;padding:75px 14px}.yinji-game-board{grid-template-columns:repeat(2,1fr);gap:11px}.element-card:nth-child(5),.element-card:nth-child(10){grid-column:auto}.element-card{aspect-ratio:1}.element-card-front b{font-size:32px}.yinji-state{width:calc(100% - 28px);margin:60px auto;padding:50px 22px}}@media (prefers-reduced-motion:reduce){.yinji-orbit,.yinji-seal-stage.is-stamping .yinji-seal{animation:none}.element-card-inner{transition:none}}