/* The supplied white capsule machine is the focal interaction. */
.gacha-draw.capsule-draw{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:12px 40px;min-height:330px;background:#e5eeeb;color:#173f35;border-color:#d1ddd4;overflow:hidden;position:relative}
.capsule-stage{height:306px;width:100%;max-width:440px;justify-self:end;position:relative;min-width:0}
.capsule-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.capsule-canvas canvas{display:block;width:100%;height:100%}
.capsule-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.capsule-draw[data-renderer=webgl] .capsule-poster{display:none}
.capsule-draw [hidden]{display:none!important}
.capsule-copy{min-width:0;max-width:440px;padding:12px 0}
.capsule-copy>h2{color:#173f35;font-size:34px;line-height:1.14;font-weight:850;letter-spacing:-.03em;margin:0 0 12px}
.capsule-draw p.capsule-instruction{font-size:14px;color:#3e5a4b;line-height:1.65;margin:0 0 12px}
.capsule-draw p.capsule-status{min-height:21px;line-height:1.55;color:#36533f;font-size:13px;margin:0 0 12px}
.capsule-action{min-height:48px;min-width:184px;padding:12px 22px;font-size:15px;font-weight:750;border-radius:7px;touch-action:manipulation}
.capsule-action.primary{background:#173f35;color:#fff9e7;border-color:#173f35}
.capsule-action.primary:hover{background:#285b49;border-color:#285b49}
.capsule-action.secondary{background:transparent;color:#264e3b;border:1px solid #8da692;margin-top:16px;min-height:44px;min-width:136px;font-size:13px}
.capsule-action:disabled{opacity:.55;cursor:default}
.capsule-draw p.capsule-pool{color:#4b6555;font-size:12px;margin:15px 0 4px}
.capsule-draw p.capsule-note{color:#526a59;font-size:11px;line-height:1.75;max-width:38ch;margin:0}
.capsule-hit{position:absolute;top:0;left:0;z-index:2;background:transparent;border:1px solid #a88742;border-radius:50%;padding:0;touch-action:manipulation;cursor:pointer}
.capsule-hit span{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff9e7;color:#694f20;font-size:11px;line-height:1.5;font-weight:650;padding:4px 9px;border-radius:4px;pointer-events:none}
.capsule-open{width:82px;height:70px;border-color:#99734c;border-radius:45%}
.capsule-hit:hover{background:#fff9e71f}
.capsule-hit:focus-visible,.capsule-action:focus-visible{outline:3px solid #173f35;outline-offset:5px}
.capsule-draw[data-phase=result] [data-capsule-heading],.capsule-draw[data-phase=result] .capsule-instruction{display:none}
.capsule-draw[data-phase=result] .capsule-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.capsule-game-identity{display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:14px}
.capsule-game-identity .thumb{width:68px;height:68px;object-fit:cover;border-radius:9px;flex:none;background:#173f35}
.capsule-game-identity>div{min-width:0}
.capsule-game h3{font-size:29px;line-height:1.25;letter-spacing:-.025em;margin:0 0 6px;color:#173f35;overflow-wrap:anywhere}
.capsule-game h3:focus{outline:none}
.capsule-game-identity span{font-size:12px;color:#4f6858}
.capsule-game .control-line{font-size:14px;line-height:1.7;color:#36533f;margin-bottom:18px}
.capsule-result-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.capsule-result-actions .primary,.capsule-result-actions .secondary{min-height:44px;padding:11px 14px;font-size:13px}
.capsule-result-actions>a:last-child:not(.primary){color:#2f5943;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
@media(max-width:900px){.gacha-draw.capsule-draw{padding:12px 24px;gap:18px}.capsule-stage{height:290px}.capsule-copy>h2{font-size:30px}.capsule-game h3{font-size:25px}}
@media(max-width:600px){
 .gacha-draw.capsule-draw{grid-template-columns:1fr;gap:0;padding:4px 18px 20px;min-height:0}
 .capsule-stage{height:220px;margin:0;max-width:360px;justify-self:center}
 .capsule-copy{padding:0 4px;max-width:none}
 .capsule-copy>h2{font-size:24px;line-height:1.2;margin:0 0 8px}
 .capsule-copy>h2 br{display:none}
 .capsule-draw p.capsule-instruction{font-size:12px;margin-bottom:5px}
 .capsule-draw p.capsule-status{font-size:12px;margin:0 0 10px}
 .capsule-action{min-width:0;width:100%;min-height:48px;font-size:14px}
 .capsule-draw p.capsule-pool{margin-top:12px;font-size:11px}
 .capsule-draw p.capsule-note{font-size:11px;max-width:none}
 .capsule-game h3{font-size:24px}
 .capsule-game-identity .thumb{width:54px;height:54px}
 .capsule-game .control-line{font-size:13px;margin:0 0 14px}
 .capsule-result-actions{gap:8px}
 .capsule-result-actions .primary{flex:1;justify-content:center}
 .capsule-action.secondary{margin-top:12px;width:100%;min-height:44px}
}