.three-opening{text-align:center;max-width:1000px;margin:auto;padding:16px}.three-opening h2{font-size:clamp(24px,3vw,38px);margin:16px 0}.three-opening #three-host{width:100%;height:min(53vh,530px);min-height:280px;touch-action:none;position:relative;background:radial-gradient(ellipse,#eee2d9 0%,transparent 68%)}.three-opening canvas{display:block;width:100%;height:100%;touch-action:none}.three-opening #three-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px auto}.three-opening #three-status{min-height:48px;color:#85665f}.three-opening #tear{width:260px;touch-action:none}.three-opening .tear-progress{flex-basis:80%;max-width:300px}.three-opening #cancel-choice,.three-opening #cancel-open{margin-top:12px}@media(max-width:600px){.three-opening{padding:4px}.three-opening #three-host{height:340px}.three-opening #three-actions{gap:8px}.three-opening button{font-size:14px;padding:12px 16px}}
.three-opening #three-host:before{content:'▼';position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:23px;color:#9b2a38;z-index:1;pointer-events:none}