.yi{max-width:940px;margin:0 auto;color:#24494b}.yi-welcome{text-align:center;background:radial-gradient(ellipse at top,#f8e2e8,transparent 68%),#fffcf6;border:1px solid #ead9d2;border-radius:22px 22px 0 0;padding:26px clamp(18px,5vw,70px)}.yi small{letter-spacing:.14em;color:#933758;font-weight:700;font-size:.71rem}.yi h2,.yi h3{font-family:Georgia,serif;color:#324d52;margin:.45em 0;line-height:1.18}.yi h2{font-size:clamp(26px,4vw,41px)}.yi h3{font-size:26px}.yi-coins{display:flex;justify-content:center;gap:12px;margin:5px auto 18px}.yi-coins i{width:54px;height:54px;display:grid;place-content:center;background:radial-gradient(at 30% 24%,#fff4cd,#e9c77a 57%,#b78a41 100%);border:4px double #a78952;color:#644c2e;border-radius:50%;box-shadow:1px 5px 8px #b99f7237;font:600 17px Georgia}.yi-coins i:nth-child(2){transform:translateY(-4px)}.yi-coins.turning i{animation:yi-turn .45s ease-out}.yi-cast{text-align:center;border:1px solid #dddfd6;border-top:0;padding:18px;border-radius:0 0 22px 22px}.yi-counter{font-size:14px;font-weight:700}.yi-lines{display:grid;gap:7px;width:min(140px,70%);margin:16px auto}.yi-line,.yi-blank{height:7px;position:relative;display:flex;gap:0}.yi-blank{border-bottom:1px dotted #97a9a2}.yi-line i{flex:1;background:#165b60}.yi-line.yin{gap:22%}.yi-line.mutable i{background:#9e395b}.yi-line span{position:absolute;left:105%;color:#9e395b;top:50%;transform:translateY(-50%)}.yi-throw{border:none;background:#9e395b;color:white;min-height:48px;padding:10px 22px;border-radius:24px;font-weight:700}.yi-throw:disabled{opacity:.7}.yi-result:not(:empty){margin:38px 0}.yi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}.yi-reading{background:#f7faf7;border:1px solid #d8e6db;border-radius:16px;padding:22px}.yi-pair{font-style:italic;color:#5d675f}.yi details{padding:18px;margin-top:20px;border:1px solid #e5dfd4;border-radius:12px}.yi summary{cursor:pointer;color:#125a61;font-weight:bold}@keyframes yi-turn{50%{transform:translateY(-15px) rotateY(180deg)}to{transform:rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.yi-coins.turning i{animation:none}}