/* ANGEL / DEVIL — paper, ink and deliberate motion. */
#extra-panel[data-kind="angel"]{background:linear-gradient(145deg,#fafafa,#fff 65%);border-radius:22px;padding:18px;border:1px solid #ddd;overflow:hidden}
.fate-heading{padding:16px 0 8px}.fate-heading h2{font-size:clamp(22px,6vw,34px);letter-spacing:-.05em;margin:10px 0}.fate-heading .eyebrow{letter-spacing:.3em;font-size:10px}
.fate-verdict{padding:18px;border-radius:14px;background:#171717;color:#fff;position:relative;overflow:hidden}.fate-verdict b{font-size:18px}.fate-verdict p{font-size:13px;color:#ddd;margin-bottom:0;line-height:1.8}
.fate-meta{font:12px ui-monospace,monospace;letter-spacing:.03em}.fate-instruction{font-weight:700;border-left:3px solid #111;padding-left:12px;line-height:1.7}
.fate-target{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin:16px 0}.fate-target select{font:inherit;min-height:44px;max-width:65%;border:1px solid #ccc;border-radius:9px;padding:10px;background:white;color:#111}
#extra-panel[data-kind="angel"] #extra-hand{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 2px}
#extra-panel[data-kind="angel"] .fate-card{min-width:0;min-height:200px;padding:18px 10px;border-radius:15px;box-shadow:0 7px 0 #d5d5d5,0 12px 24px #00000010;isolation:isolate;transform-style:preserve-3d}
#extra-panel[data-kind="angel"] .fate-card:before{inset:8px;border-radius:10px}
#extra-panel[data-kind="angel"] .fate-card:after{content:'';position:absolute;width:90px;height:90px;border:1px solid #8884;border-radius:50%;top:30px;left:calc(50% - 45px);z-index:-1;box-shadow:0 0 0 7px #8881,0 0 0 14px #8881}
#extra-panel[data-kind="angel"] .fate-symbol{font-size:52px;line-height:1.2;margin:8px 0 14px}.fate-card .fate-rank{align-self:flex-start;font-size:13px;font-weight:bold}.fate-card b{font-size:16px}.fate-card small{font-size:11px;line-height:1.55}
#extra-panel[data-kind="angel"] button.fate-card:disabled{opacity:1;cursor:default;filter:none}#extra-panel[data-kind="angel"] button.fate-card:enabled{border-color:#111}
.fate-card:focus-visible{outline:3px solid #555;outline-offset:5px}.fate-8 .fate-symbol{text-shadow:0 0 16px #999}.fate-9 .fate-symbol{text-shadow:0 0 18px #fff8}
#extra-panel[data-kind="angel"] #extra-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#extra-panel[data-kind="angel"] #extra-board .table-stage{grid-column:1/-1;font-size:12px}#extra-panel[data-kind="angel"] #extra-board .fate-card{min-height:165px}
.fate-submitted{background:repeating-linear-gradient(45deg,#171717,#171717 8px,#252525 8px,#252525 9px);color:#fff;border:3px double #777;min-height:70px;display:flex;align-items:center;justify-content:center;gap:10px}.fate-submitted span{font-size:26px}
.fate-winner{outline:3px solid #111;outline-offset:3px}.fate-winner>b:last-child{background:#111;color:white;padding:5px 10px;border-radius:30px;font-size:10px;letter-spacing:.15em}
.fate-record{margin:12px 0;border-top:1px solid #ddd;padding-top:12px}.fate-record summary{min-height:36px;cursor:pointer;font-weight:700}.fate-record p{font-size:12px;line-height:1.9}.fate-counts{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:11px}.fate-counts>div{padding:8px;background:#eee;border-radius:5px}
.fate-effects{padding:12px;border:1px solid #ddd;border-radius:10px;margin:12px 0;font-size:12px;line-height:1.7}
.chip-stack{position:relative}.chip-delta{position:absolute;right:8px;top:20px;background:#111;color:white;padding:4px 8px;border-radius:20px;font-size:14px;pointer-events:none}.hand .playing-card{animation:none}
@media(prefers-reduced-motion:no-preference){.fate-submitted span{animation:fate-breathe 2.6s ease-in-out infinite}.fate-winner{animation:fate-crown 1.4s ease-out 2}@keyframes fate-breathe{50%{opacity:.4;transform:scale(.82) rotate(45deg)}}@keyframes fate-crown{50%{box-shadow:0 0 0 9px #0001,0 10px 28px #0003}}}