/* Semantic rules on warm paper; labels and units carry meaning without relying on color. */
.effect-token{font-weight:700;letter-spacing:0;color:#76551f;font-variant-numeric:tabular-nums;white-space:normal}
.effect-damage{color:#97392e}.effect-fire{color:#a14223}.effect-water{color:#286378}.effect-thunder{color:#6e4c91}.effect-wind{color:#346852}.effect-earth{color:#805724}.effect-gain{color:#2c665a}.effect-control{color:#735080}.effect-cost{color:#953b35}.effect-value{color:#79541d}
#skillDescription,#techniqueInfoDescription,#scrollInfoDescription{font-size:17px;line-height:1.75;font-weight:500;margin:18px 0 12px;text-wrap:pretty}
.effect-rules{display:grid;gap:8px;padding:12px 0 0;border-top:1px solid #9c7c4d40;color:#655846;font-size:14px;line-height:1.7}
.effect-rules p{margin:0!important;font-size:inherit!important;line-height:inherit!important;font-weight:400!important}
#techniqueInfoRules{padding:12px 0 0 18px!important;margin:0 0 14px!important;border-top:1px solid #9c7c4d40;line-height:1.7;font-size:14px;color:#655846}
#techniqueInfoRules li+li{margin-top:7px}
#skillState{font-size:14px!important;line-height:1.6!important;margin:14px 0!important;padding:10px 12px!important;background:#315c4b0c;border-left:3px solid #456e61;color:#315c4b}
.effect-upgrades{margin:14px 0;padding:12px 14px;border:1px solid #78958b55;border-radius:8px;background:#e5eee54d;text-align:left}
.effect-upgrades h3{margin:0 0 9px;font-size:13px;letter-spacing:.08em;color:#386354}
.effect-upgrades div+div{margin-top:10px}.effect-upgrades b{font-size:14px}.effect-upgrades p{margin:3px 0 0;font-size:14px;line-height:1.7}
.reward-effect .effect-token,.technique-card .effect-token,.scroll-keepsake .effect-token{font-size:inherit}
.effect-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;line-height:1.7;margin:10px 0}.effect-legend span{white-space:nowrap}
@media(max-width:600px){#skillDescription,#techniqueInfoDescription,#scrollInfoDescription{font-size:16px;line-height:1.75}.effect-rules,#techniqueInfoRules,.effect-upgrades p{font-size:14px}.effect-upgrades{padding:10px 12px}}

.effect-disclosure{font-size:13px;line-height:1.65;margin:0 0 12px;color:#655846;border-top:1px solid #9c7c4d30;padding-top:8px;min-width:0}
.effect-disclosure summary{color:#45675e;cursor:pointer;width:fit-content;font-weight:600}
.effect-disclosure p{margin:7px 0 0!important;font-size:13px!important;line-height:1.65!important;white-space:normal;overflow-wrap:anywhere}
@media(max-width:620px){
 :is(.reward-dialog,.reward-shop) .reward-option .effect-disclosure{grid-column:1/-1;grid-row:4;margin:3px 0}
 :is(.reward-dialog,.reward-shop) .reward-option:has(.effect-disclosure) .reward-option-actions{grid-row:5}
 :is(.reward-dialog,.reward-shop) .reward-option:has(.effect-disclosure) .reward-quote{grid-row:5}
 :is(.reward-dialog,.reward-shop) .reward-option:has(.effect-disclosure):has(.reward-quote) .reward-option-actions{grid-row:6}
}