.draw-hint{position:relative;flex:none;text-align:center;margin-top:10px;padding:0 20px;min-height:19px;font-weight:800;font-size:13.5px;line-height:1.4;color:rgba(255,255,255,.72)}

.disorder-draw-table{position:relative;flex:none;width:min(336px,88vw);height:274px;margin:16px auto 0;perspective:900px}
.disorder-draw-card{position:absolute;left:calc(var(--slot-column)*34.25%);top:calc(var(--slot-row)*142px);width:31.5%;height:132px;border:0;padding:0;background:transparent;color:#231B33;transition:left .24s cubic-bezier(.4,0,.2,1),top .24s cubic-bezier(.4,0,.2,1)}
.disorder-draw-card:disabled{cursor:default}
.disorder-draw-card-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.3,1.3,.5,1)}
.disorder-draw-card.is-flipped .disorder-draw-card-inner{transform:rotateY(180deg)}
.disorder-draw-table.is-pickable .disorder-draw-card-inner{animation:disorder-draw-wiggle 1.6s ease-in-out infinite}
.disorder-draw-table.is-pickable .disorder-draw-card:nth-child(2n) .disorder-draw-card-inner{animation-delay:-.8s}
@keyframes disorder-draw-wiggle{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-3px)}}
.disorder-draw-card-back,.disorder-draw-card-front{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;border-radius:14px;border:3px solid #231B33;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 5px 0 rgba(0,0,0,.45)}
.disorder-draw-card-back{justify-content:center;gap:1px;background:repeating-linear-gradient(0deg,#C9A66B 0 11px,#C29C5E 11px 12px)}
.disorder-draw-card-back i{position:absolute;top:-3px;left:50%;width:34px;height:15px;margin-left:-17px;border-radius:0 0 8px 8px;background:#8A8F9E;border:3px solid #231B33}
.disorder-draw-card-back b{font-family:var(--f-display);font-size:19px;line-height:1;text-transform:uppercase;letter-spacing:.04em}
.disorder-draw-card-back small{font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#5A4320}
.disorder-draw-card-back em{margin-top:10px;padding:2px 6px;border:2px solid #B3202F;border-radius:5px;font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#B3202F;transform:rotate(-9deg)}
.disorder-draw-card-front{justify-content:flex-start;padding:9px 4px 0;gap:10px;background:#F7F2E6;transform:rotateY(180deg)}
.disorder-draw-card-front small{width:100%;padding-bottom:4px;border-bottom:2px solid #231B33;text-align:center;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:#6A5630}
.disorder-draw-card-front b{font-size:12px;font-weight:900;line-height:1.15;text-align:center}
.disorder-draw-card-front i{position:absolute;left:12px;right:12px;top:70px;bottom:14px;background:repeating-linear-gradient(180deg,rgba(35,27,51,.26) 0 2px,transparent 2px 11px)}
.disorder-draw-card.is-chosen .disorder-draw-card-front{border-color:#F5B400;box-shadow:0 0 0 3px rgba(245,180,0,.45),0 0 22px rgba(245,180,0,.75)}
.disorder-draw-card.is-chosen .disorder-draw-card-front b{font-size:13px;color:#B3202F}
.disorder-draw-card.is-other .disorder-draw-card-front{background:#A9A294;color:#4A4458}
.disorder-draw-result{margin-top:10px;padding:12px 14px}
.disorder-draw-result>small{display:block;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.65)}
.result.big.disorder-draw-result>b{font-size:28px;margin-top:2px}
.disorder-draw-effect{display:flex;align-items:flex-start;gap:8px;margin-top:8px;text-align:left;font-size:13px;font-weight:800;line-height:1.35}
.disorder-draw-effect-tag{flex:none;width:52px;padding:2px 0;border-radius:6px;text-align:center;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.disorder-draw-effect-tag.is-bonus{background:#E3F8EC;color:#157A45}
.disorder-draw-effect-tag.is-drawback{background:#FFE1E4;color:#B3202F}


.peepee-card{position:relative;flex:none;width:min(340px,90vw);margin:14px auto 0;padding:12px 14px 14px;border-radius:22px;background:linear-gradient(165deg,#241531,#3A0F1E);color:var(--ink);border:2px solid #F5B400;box-shadow:0 0 0 4px rgba(245,180,0,.18),0 12px 30px rgba(0,0,0,.6)}
.sheet .peepee-card{width:100%;margin-top:4px}
.peepee-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.peepee-card-id{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;font-weight:800;letter-spacing:.06em;color:#FFD23F;user-select:text;-webkit-user-select:text}
.peepee-card-seal{padding:2px 7px;border:2px solid #FF4A5E;border-radius:6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#FF4A5E;transform:rotate(3deg)}
.peepee-card-portrait{display:flex;align-items:flex-end;justify-content:center;height:150px;margin-top:8px;border-radius:16px;background:radial-gradient(circle at 50% 62%,rgba(245,180,0,.3),transparent 68%);overflow:hidden}
.peepee-card-portrait svg{display:block;height:146px;width:auto}
.peepee-card-rows{display:grid;gap:6px;margin-top:10px}
.peepee-card-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px 10px;padding:7px 10px;border-radius:12px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.08)}
.peepee-card-row span{grid-column:1;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2)}
.peepee-card-row b{grid-column:1;font-size:15px;font-weight:900;line-height:1.15}
.peepee-card-row em{grid-column:2;grid-row:1 / span 2;font-style:normal;font-size:14px;font-weight:900;color:#FFD23F;font-variant-numeric:tabular-nums}
.peepee-card-chance{margin-top:10px;padding:8px 10px;border-radius:14px;background:rgba(245,180,0,.12);border:1px dashed rgba(245,180,0,.6);text-align:center}
.peepee-card-chance span{display:block;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--ink2)}
.peepee-card-chance b{display:block;font-family:var(--f-display);font-size:30px;line-height:1.05;color:#FFD23F}
.peepee-card-chance small{font-size:12.5px;font-weight:800}
.peepee-card-footer{margin-top:8px;text-align:center;font-size:11px;font-weight:800;line-height:1.35;color:var(--ink2)}

.gender-capsule{position:relative;flex:none;width:min(340px,92vw);height:340px;margin:14px auto 0;border-radius:44px;background:radial-gradient(circle at 32% 55%,rgba(255,255,255,.14),transparent 62%),linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:3px solid rgba(255,255,255,.55);box-shadow:inset 0 0 28px rgba(255,255,255,.12),0 8px 0 rgba(0,0,0,.25);overflow:hidden}
.gender-capsule-body{position:absolute;left:0;top:6px;width:64%;height:330px;display:flex;align-items:flex-end;justify-content:center}
.gender-capsule-body svg{display:block;height:326px;width:auto}
.gender-capsule-body.is-built svg{animation:gender-built .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes gender-built{0%{transform:scale(.96)}100%{transform:scale(1)}}
.gender-capsule-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gender-capsule-links path{fill:none;stroke:rgba(255,255,255,.4);stroke-width:3;stroke-dasharray:3 7;stroke-linecap:round;vector-effect:non-scaling-stroke}
.gender-capsule-links path.is-active{stroke:#FFD23F;stroke-dasharray:none}
.gender-wheel{position:absolute;right:8px;width:120px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.gender-wheel-top{top:12px}
.gender-wheel-bottom{top:172px}
.gender-wheel>b{margin-bottom:6px;white-space:nowrap;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.8)}
.gender-wheel>em{min-height:17px;font-style:normal;font-size:13px;font-weight:900;color:rgba(255,255,255,.55)}
.gender-wheel.is-landed>em{color:#FFD23F}
.gender-wheel.is-landed>b{color:#fff}
.gender-wheel-frame{position:relative;width:92px;height:92px}
.gender-wheel-disc{position:absolute;inset:0;border-radius:50%;border:3px solid #231B33;box-shadow:0 3px 0 rgba(0,0,0,.35)}
.gender-wheel.is-spinning .gender-wheel-disc{box-shadow:0 0 18px rgba(255,210,63,.7),0 3px 0 rgba(0,0,0,.35)}
.gender-wheel-icon{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px}
.gender-wheel-pointer{position:absolute;z-index:2;left:50%;top:-7px;width:0;height:0;margin-left:-8px;border:8px solid transparent;border-top:13px solid #fff;border-bottom:0;filter:drop-shadow(0 1px 0 #231B33)}
.gender-draw-result{margin-top:10px;padding:12px 14px}
.gender-draw-result>small{display:block;font-size:10.5px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.65)}
.result.big.gender-draw-result>b{font-size:30px;margin-top:6px}
.gender-draw-result p{margin:4px 0 0;font-size:13px;font-weight:800;color:rgba(255,255,255,.8)}
.gender-draw-composition{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font-size:13px;font-weight:900}
.gender-draw-composition span{padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
.gender-draw-composition i{font-style:normal;color:#FFD23F}

.gender-test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.gender-test-option{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:6px 4px 8px;border-radius:16px;background:var(--surf);border:2px solid var(--line);color:var(--ink)}
.gender-test-option.on{border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,36,58,.3)}
.gender-test-option svg{display:block;width:100%;height:auto;max-height:120px}
.gender-test-option b{font-size:12px;font-weight:900;line-height:1.15}

.wealth-draw-cheque{position:relative;flex:none;width:min(336px,88vw);margin:18px auto 0;padding:14px 16px 20px;border-radius:16px;border:3px solid #231B33;background:repeating-linear-gradient(135deg,#F3E7C4 0 12px,#EFDFB5 12px 24px);color:#231B33;box-shadow:0 6px 0 rgba(0,0,0,.45);overflow:hidden;transition:background .4s,box-shadow .4s}
.wealth-draw-cheque-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:6px;border-bottom:2px dashed rgba(35,27,51,.5)}
.wealth-draw-cheque-head span{font-family:var(--f-display);font-size:16px;line-height:1.1;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}
.wealth-draw-cheque-head em{font-style:normal;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#6A5630}
.wealth-draw-amount{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;min-height:64px}
.wealth-draw-amount svg{width:44px;height:44px;flex:none}
.wealth-draw-amount b{font-family:var(--f-display);font-size:50px;line-height:1;font-variant-numeric:tabular-nums}
.wealth-draw-cheque.is-counting .wealth-draw-amount b{animation:wealth-draw-shake .12s linear infinite}
@keyframes wealth-draw-shake{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.wealth-draw-stamp{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:10px;opacity:0;font-family:var(--f-display);font-size:30px;text-transform:uppercase;letter-spacing:.06em;border:4px solid currentColor;border-radius:10px;transform:rotate(-6deg) scale(2.2)}
.wealth-draw-stamp.is-stamped{opacity:1;transform:rotate(-6deg) scale(1);transition:transform .28s cubic-bezier(.3,1.6,.5,1),opacity .1s}
.wealth-draw-stamp.is-plebeu{color:#5A5568}
.wealth-draw-stamp.is-bem_sucedido{color:#B07A00}
.wealth-draw-cheque.is-bem_sucedido{background:repeating-linear-gradient(135deg,#FFE48A 0 12px,#FFD866 12px 24px);box-shadow:0 0 0 3px rgba(245,180,0,.5),0 0 28px rgba(245,180,0,.75)}
.wealth-draw-cheque.is-plebeu{background:repeating-linear-gradient(135deg,#D9D2BF 0 12px,#D0C8B3 12px 24px)}
.wealth-draw-result{margin-top:10px;padding:12px 14px}
.wealth-draw-result>small{display:block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.7)}
.wealth-draw-result>p{margin:6px 0 0;font-size:13.5px;font-weight:800;line-height:1.4;color:rgba(255,255,255,.85)}