.ad-stage{position:relative;width:100%;max-width:520px;margin:16px auto 6px;aspect-ratio:5 / 4;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#efe4d2,#eadcc6 74%,#c9b493 74%,#bca784);isolation:isolate}.ad-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#fff4cdbf,#fff0c859 30%,#fff0c800 58%);z-index:1;pointer-events:none}.ad-stage__window{position:absolute;left:5%;top:7%;width:33%;height:60%;border:6px solid #fbf6ec;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#fff6d8,#f6e6b8 55%,#efd9a0);box-shadow:0 0 40px #ffe496e6,inset 0 0 18px #fffc;overflow:hidden;z-index:0}.ad-stage__window:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - 3px),#fbf6ec calc(50% - 3px),#fbf6ec calc(50% + 3px),transparent calc(50% + 3px)),linear-gradient(180deg,transparent calc(45% - 3px),#fbf6ec calc(45% - 3px),#fbf6ec calc(45% + 3px),transparent calc(45% + 3px));pointer-events:none}.ad-stage__window img{position:absolute;left:50%;bottom:-4%;width:92%;height:auto;transform:translate(-50%);opacity:.55;filter:brightness(1.18) saturate(.85) drop-shadow(0 0 10px rgba(255,236,170,.95))}.ad-stage__shadow{position:absolute;left:41%;bottom:9%;width:30%;height:auto;transform-origin:50% 100%;transform:skew(-32deg) scaleY(.98);filter:brightness(0) blur(1px);opacity:.38;z-index:2}.ad-stage__me{position:absolute;left:41%;bottom:9%;width:30%;height:auto;z-index:3}.ad-stage-note{max-width:520px;margin:0 auto 4px;font-size:.82rem;color:var(--r-ink3);text-align:center}.ad-flip{width:100%;max-width:300px;margin:18px auto 8px;perspective:1200px}.ad-flip__inner{position:relative;aspect-ratio:560 / 860;transition:transform .7s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}.ad-flip.is-flipped .ad-flip__inner{transform:rotateY(180deg)}.ad-flip__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 10px 12px;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid var(--r-line)}.ad-flip__face img{width:100%;height:auto}.ad-flip__face--angel{background:radial-gradient(circle at 50% 22%,#fffbe8,#f7ecc6 55%,#efdfae)}.ad-flip__face--devil{transform:rotateY(180deg);background:radial-gradient(circle at 50% 22%,#6b5a78,#3b3145 60%,#2a2331);color:#f4eefa}.ad-flip__cap{margin:6px 0 0;font-weight:700;font-size:.95rem;text-align:center}.ad-flip__btn{display:block;margin:0 auto}@media(prefers-reduced-motion:reduce){.ad-flip{max-width:520px;perspective:none}.ad-flip__inner,.ad-flip.is-flipped .ad-flip__inner{display:grid;grid-template-columns:1fr 1fr;gap:10px;aspect-ratio:auto;transform:none;transition:none}.ad-flip__face{position:static;transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}.ad-flip__btn{display:none}}.ad-pick{margin:14px 0 0;padding:0;border:0}.ad-pick legend{font-weight:700;margin-bottom:8px}.ad-pick__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;list-style:none;margin:0;padding:0}.ad-pick__opt{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:44px;padding:6px 4px 8px;border:2px solid var(--r-line);border-radius:14px;background:var(--r-panel);cursor:pointer;font-size:.8rem;line-height:1.35;text-align:center}.ad-pick__opt img{width:100%;height:auto}.ad-pick__opt input{position:absolute;top:6px;left:6px;width:18px;height:18px;margin:0}.ad-pick__opt:has(input:checked){border-color:var(--r-coral);box-shadow:0 0 0 2px var(--r-coral)}.ad-pick__opt:has(input:disabled){opacity:.45;cursor:not-allowed}.ad-pick__opt:has(input:focus-visible){outline:3px solid var(--r-ink);outline-offset:2px}.ad-bars{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}.ad-bar{display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:8px;align-items:center;font-size:.86rem}.ad-bar__track{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,#f3e3a8,#e9e2d6,#6b5a78)}.ad-bar__dot{position:absolute;top:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:3px solid var(--r-ink);transform:translateY(-50%)}.ad-bar__dot[data-mark=devil]{border-color:#3b3145;background:#6b5a78}.ad-bar__dot[data-mark=angel]{border-color:#b48a1e;background:#fff4c8}.ad-bars-scale{display:flex;justify-content:space-between;margin:4px 0 0;font-size:.78rem;color:var(--r-ink3)}.ad-side{margin-top:18px;padding:14px 14px 10px;border-radius:16px;border:2px solid var(--r-line)}.ad-side--angel{background:#fffaf0}.ad-side--devil{background:#f6f2f9}.ad-side h4{margin:0 0 2px}.ad-side__sub{margin:0 0 8px;font-size:.82rem;color:var(--r-ink2)}.ad-side__how{margin:4px 0 0;font-size:.78rem;color:var(--r-ink3)}.ad-side ul{margin:6px 0 10px;padding-left:1.2em;list-style:disc}.ad-side strong,.ad-ttl{display:block;word-break:auto-phrase}.ad-ttl-and{display:block;margin:2px 0;font-size:.7em;color:var(--r-ink3)}.ad-card{margin-top:22px;display:grid;gap:8px}.ad-card h4,.ad-card p{margin:0}.ad-calc{margin-top:14px}.ad-calc summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
